if ~ else if ~ else문 syntax

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
}

 

조건문에는 다양한 조건식들이 오지만 정확히 비교하여 써주는 것이 좋다.

if(1){} // ture

if(0){} //false     0 is false

if(""){} //false

if(null){} //false

if(NaN){} //false

if(undefined){} //false

 

ex) 정확하게 비교하기

( typeof undefined === "undefined" )

 ( Array.isArray(arr) === false )

 ( arr instanceof Array  ===  true )

 

이런 식의 형태를 많이 사용한다.

      

 

switch ~ case 문

 

switch ~ case 문 syntax

switch(expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
    // code block
}

 

기존에 switch문과 같이

case 조건 > 맞으면 break 틀리면 다음 조건 > 다 없으면 default 값을 출력한다.

 

 

공통 코드 블럭을 사용 할 수도 있다.

switch (new Date().getDay()) {
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break;
  case 0:
  case 6:
    text = "It is Weekend";
    break;
  default:
    text = "Looking forward to the Weekend";
}

 

엄격한 비교(===)를 사용한다.

let x = "0";   // if("0" == 0) 은 true이다.
switch (x) {
  case 0:
    text = "Off";
    break;
  case 1:
    text = "On";
    break;
  default:
    text = "No value found";
}

 

반복문

 

JavaScript는 다양한 종류의 루프를 지원합니다.

  • for- 코드 블록을 여러 번 반복
  • for/in- 객체의 속성을 반복합니다.  (오브젝트 자료형에 많이씀)
  • for/of- 반복 가능한 객체의 값을 반복합니다.
  • while- 지정된 조건이 참인 동안 코드 블록을 반복합니다.
  • do/while- 또한 지정된 조건이 참인 동안 코드 블록을 반복합니다.

 

for문

 

syntax

 

예시

 

For In 루프

for in문은 객체의 속성을 반복, 배열의 속성을 반복

자바만 :(콜론)을 쓰고 대부분의 언어는 반복문에 for in 을 사용한다.

FOR OF 문도 있지만 잘 사용 안한다.

KEY 는 오브젝트의 NAME 이라고 생각하면된다.

VAULE 값이 순서대로 출력된다.

 

syntax

 

예시

 

FOR OF 문

for of문은 반복 가능한 객체의 값을 반복합니다.

Arrays, Strings, Maps, NodeLists 등과 같은 반복 가능한 데이터 구조를 반복할 수 있습니다.

 

FOR OF 신택스

 

while문

지정된 조건이 참인 한 코드 블록을 반복

 

 

syntax

 

 

 

Do While 문 

while 루프의 변형입니다

이 루프는 조건이 참인지 확인하기 전에 코드 블록을 한 번 실행한 다음 조건이 참인 동안 루프를 반복합니다.

 

DO WHILE 문 신택스

 

DO WHILE 문 예시

 

조건에 사용된 변수를 늘리는 것을 잊지 마십시오. 그렇지 않으면 루프가 종료되지 않는다.

 

'Web > javascript' 카테고리의 다른 글

클로저(Closures)  (0) 2023.01.10
JS Type 형 변환 테이블  (0) 2023.01.10
js 디버깅 브라우저(크롬)에서  (0) 2023.01.10
JSONP  (0) 2023.01.10
JS OBJECT  (0) 2022.12.26

+ Recent posts