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 등과 같은 반복 가능한 데이터 구조를 반복할 수 있습니다.

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

Do While 문
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 |