JS 튜토리얼

제이에스 홈 JS 소개 JS 어디로 JS 출력 JS 문 JS 구문 JS 코멘트 JS 변수 제이에스렛 JS 상수 JS 연산자 JS 산술 JS 할당 JS 데이터 유형 JS 함수 JS 객체 JS 이벤트 JS 문자열 JS 문자열 메서드 JS 문자열 검색 JS 문자열 템플릿 JS 번호 JS 숫자 메서드 JS 배열 JS 배열 메서드 JS 배열 정렬 JS 배열 반복 JS 배열 상수 JS 날짜 JS 날짜 형식 JS 날짜 가져오기 메서드 JS 날짜 설정 방법 JS 수학 JS 랜덤 JS 부울 JS 비교 JS 조건 JS 스위치 JS 루프 In에 대한 JS 루프 의 JS 루프 JS 루프 동안 JS 브레이크 JS 이터러블 JS 세트 JS 맵 JS 유형 JS 유형 변환 JS 비트와이즈 JS 정규 표현식 JS 오류 JS 범위 JS 호이스팅 JS 엄격 모드 JS 이 키워드 JS 화살표 함수 JS 클래스 JS JSON JS 디버깅 JS 스타일 가이드 JS 모범 사례 JS 실수 JS 성능 JS 예약어

JS 버전

JS 버전 JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE / 엣지 JS 연혁

JS 객체

객체 정의 개체 속성 개체 메서드 개체 표시 개체 접근자 객체 생성자 개체 프로토타입 객체 반복 가능 객체 세트 객체 맵 개체 참조

JS 함수

기능 정의 기능 매개변수 함수 호출 함수 호출 기능 적용 함수 클로저

JS 클래스

수업 소개 클래스 상속 클래스 정적

JS 비동기

JS 콜백 JS 비동기 JS 약속 JS 비동기/대기

JS HTML DOM

DOM 소개 DOM 메서드 DOM 문서 DOM 요소 DOM HTML DOM 양식 DOM CSS DOM 애니메이션 DOM 이벤트 DOM 이벤트 리스너 DOM 탐색 DOM 노드 DOM 컬렉션 DOM 노드 목록

JS 브라우저 BOM

JS 창 JS 화면 JS 위치 JS 연혁 JS 네비게이터 JS 팝업 경고 JS 타이밍 JS 쿠키

JS 웹 API

웹 API 소개 웹 양식 API 웹 기록 API 웹 스토리지 API 웹 작업자 API 웹 가져오기 API 웹 지리적 위치 API

JS 아약스

AJAX 소개 AJAX XMLHttp AJAX 요청 AJAX 응답 AJAX XML 파일 AJAX PHP AJAX ASP AJAX 데이터베이스 AJAX 애플리케이션 AJAX 예제

JS JSON

JSON 소개 JSON 구문 JSON 대 XML JSON 데이터 유형 JSON 구문 분석 JSON 문자열화 JSON 객체 JSON 배열 JSON 서버 JSON PHP JSON HTML JSON JSONP

JS 대 jQuery

jQuery 선택기 제이쿼리 HTML 제이쿼리 CSS 제이쿼리 DOM

JS 그래픽

JS 그래픽 JS 캔버스 JS 플로틀리 JS 차트.js JS 구글 차트 JS D3.js

JS 예제

JS 예제 JS HTML DOM JS HTML 입력 JS HTML 객체 JS HTML 이벤트 JS 브라우저 JS 편집기 JS 연습 JS 퀴즈 JS 인증서

JS 참조

자바스크립트 객체 HTML DOM 객체


자바스크립트 if else 및 else if


조건문은 다른 조건에 따라 다른 작업을 수행하는 데 사용됩니다.


조건문

코드를 작성할 때 서로 다른 결정에 대해 서로 다른 작업을 수행하려는 경우가 많습니다.

코드에서 조건문을 사용하여 이를 수행할 수 있습니다.

JavaScript에는 다음과 같은 조건문이 있습니다.

  • if지정된 조건이 true인 경우 실행할 코드 블록을 지정하는 데 사용 합니다.
  • else동일한 조건이 false인 경우 실행할 코드 블록을 지정하는 데 사용
  • else if첫 번째 조건이 false인 경우 테스트할 새 조건을 지정하는 데 사용 합니다.
  • switch실행할 많은 대체 코드 블록을 지정하는 데 사용

switch설명은 다음 장에서 설명합니다 .


if 문

if조건이 true인 경우 실행할 JavaScript 코드 블록을 지정 하려면 명령문을 사용하십시오 .

통사론

if (condition) {
  //  block of code to be executed if the condition is true
}

if소문자로 되어 있으니 참고 하세요. 대문자(If 또는 IF)는 JavaScript 오류를 생성합니다.

예시

시간이 18:00 미만인 경우 "좋은 하루" 인사를 합니다.

if (hour < 18) {
  greeting = "Good day";
}

인사말 결과는 다음과 같습니다.



else 문

else조건이 false인 경우 실행할 코드 블록을 지정 하려면 명령문을 사용하십시오 .

if (condition) {
  //  block of code to be executed if the condition is true
} else {
  //  block of code to be executed if the condition is false
}

예시

시간이 18시 미만이면 "Good day" 인사말을 만들고, 그렇지 않으면 "Good night" 인사말을 만듭니다.

if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

인사말 결과는 다음과 같습니다.

Good evening

else if 문

else if첫 번째 조건이 false인 경우 명령문을 사용하여 새 조건을 지정합니다 .

통사론

if (condition1) {
  //  block of code to be executed if condition1 is true
} else if (condition2) {
  //  block of code to be executed if the condition1 is false and condition2 is true
} else {
  //  block of code to be executed if the condition1 is false and condition2 is false
}

예시

시간이 10:00 미만이면 "Good morning" 인사말을 만들고, 그렇지 않은 경우 시간이 20:00 미만이면 "Good day" 인사말을 만들고, 그렇지 않으면 "Good morning"을 만듭니다.

if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

인사말 결과는 다음과 같습니다.

Good evening

더 많은 예


이 예에서는 W3Schools 또는 WWF(세계 야생 동물 재단)에 대한 링크를 작성합니다. 난수를 사용하면 각 링크에 대해 50%의 확률이 있습니다.


연습으로 자신을 테스트하십시오

연습:

가 . 보다 크면 if"Hello World"를 경고하도록 명령문을 수정하십시오 .xy

if x > y 
  alert("Hello World");