코딩/JavaScript

자바스크립트 조건문

moodyblues 2021. 12. 20. 22:03
반응형

자바스크립트 조건문

조건문이라는 주어진 조건에 참 또는 거짓 여부에 따라 각각 다른 할 일을 정의하는 구문이다.
여기서 조건은 boolean 데이터를 반환하거나 또는 boolean 데이터로 해석될 수 있는 연산식이다.

javascript 조건문
자바스크립트 조건문

조건문 = 제어문 통사론(Syntax) 내용
if문 if(조건) {
참일 때 할 일
}
조건이 참일 때 할 일
if-else문 if(조건) {
참일 때 할 일
}else{
거짓일 때 할 일
}
조건이 참일 때 할 일을+
조건이 거짓일 때 할 일
  • else는 if에 종속적이다: else만으로 따로 구문을 만들 수 없다(if에 붙여서만 가능하다)
  • if는 소문자로 써야 한다: 대문자(If 또는 IF)로 쓰면 JavaScript 오류가 표시된다.
 

if 문

if 문은 가장 일반적인 형태의 조건문이다.
if 문의 시작은 키워드 if + 그 뒤에는 반드시 괄호가 온다

if(조건) {
// 조건이 true일 때 실행할 코드
}

  • 괄호 안: 불리언 데이터 혹은 불리언 데이터를 반환하는 표현식
  • 중괄호 안: 코드가 조건이 참일 때 true일 때 실행될 코드
  • 중괄호 안에 코드는 반드시 조건이 참(true)일 때만 실행되며 
  • 조건이 거짓(false)일 때는 없는 거나 마찬가지인 코드이다.

if문 예시

1) 참일 때: 입력 내용

let number = 2
if(number === 2){
    console.log("진실!!!")
}

콘솔 출력 결과

콘솔 출력 결과
콘솔 출력 결과

2) 거짓일 때: 입력 내용

let number = 2
if(number === 1){
    console.log("It is true")
    console.log("It is true")
    console.log("It is true")
}

콘솔 출력

거짓이므로 아무 일도 일어나지 않는다.

 

if-else문

else는 종속문이다.

예시

입력 내용

let number = 2
if(number === 1){
    console.log("It is jinsil")
}else{
    console.log("It is false")
}

콘솔 출력 결과

출력 결과
출력 결과

조건은 언제나 참 아니면 거짓 둘 중에 하나이다.
그러므로, 두 구문의 결과가 동시에 실행되는 경우는 절대 일어나지 않는다.
조건문이 자기가 맡은 역할에 대해 실행을 마치고 나면,
코드 진행 흐름은 그 다음 구문으로 자연스럽게 이동한다

예시

입력 내용

let number = 2
if(number === 1){
    console.log("It is true")
    console.log("It is true")
    console.log("It is true")
}else{
    console.log("It is false")
    console.log("It is false")
    console.log("It is false")}
console.log("hi")

위에서 구문은 3개이다(let, if, console)

출력 결과

콘솔 출력결과 (3)
콘솔 출력결과 (3)

반응형

'코딩 > JavaScript' 카테고리의 다른 글

자바스크립트 함수 (1)  (0) 2021.12.21
자바스크립트 while 반복문, for 반복문  (0) 2021.12.21
자바스크립트 비교연산자  (0) 2021.12.20
querySelector, getElementById, textContent  (0) 2021.12.20
DOM이란  (0) 2021.12.20