WEB/vanilla.js

JavaScript 조건문과 반복문

구니바 2023. 3. 22. 19:43

조건문

  • if: 만약 조건이 참이면 실행
  • else: 만약 조건이 거짓이면 실행
  • else if: 만약 첫번째 조건이 거짓이고 다른 조건이 참이면 실행
  • 삼항연산자

condition? expressionIfTrue : expressiontIfFalse;

반복문

  • for
  • for / in
  • for / of
  • while
  • do / while

for 문

for (let i = 0; i < 5; i++){
    console.log(i);
}
for (let i = 0, j = 0; i < 10 || j < 5; i += 2, j+=3){

    console.log(i,j);

}

//0 0, 2 3, 4 6, 6 9, 8 12, 

for / in 문

let person = {name: "Alice", age: 20, hobby: "codding"};

for (let prop in person){
    console.log(prop + ":" + person[prop]);
}
//prop에 person의 속성들이 순서대로 할당됩니다.

for / of 문

let fruits = ["apple", "banana", "cherry"];

for (let fruit of fruits){
    console.log(fruit); 
}
//fruit에 fruits의 값들이 순서대로 할당됩니다.
for (conse el of [1,2,3]){  
    console.log(el);  
}  
// 1 2 3 출력  

for / in 과 for / of 의 차이

for / in 은 key 값을 줌 즉, 객체의 각 프로퍼티, 객체[프로퍼티]

for / of 는 element를 줌 즉 배열의 각 값

while 문

let n = 0;
while (n<3){
    console.log(n);
    n++;
}

do / while 문

let m = 0;

do{
    console.log(m);
    m++
}while(m<3);

'WEB > vanilla.js' 카테고리의 다른 글

JavaScript 함수와 객체  (0) 2023.03.22
JavaScript 연산자와 표현식  (0) 2023.03.22
JavaScript 변수와 데이터 타입  (0) 2023.03.22
JavaScript의 프로퍼티와 메서드  (0) 2023.03.22
JavaScript란?  (0) 2023.03.13