반복문

자바스크립트 반복문

종류

• for 문
• for...in 문
• for…of 문
• forEach()
• while 문
• do…while 문

 

for 문

문법: for ( [초기문]; [조건문]; [증감문] ) {반복 코드}

변수 선언 시, const 를 쓰면 값 변경이 불가 하여 let 사용해야 한다.

for (let i = 0; i < 10; i++){
    console.log(`Num ${i}`); // Num 0 ~ Num 9까지 출력
}

 

for…in 문

문법 : for( const key in 객체 ) {반복 코드}

const obj = {
    id: '1',
    user: 'Mia'
}

for (const key in obj){
    console.log(`${key} : ${obj[key]}`);
}

// 결과
// "id : 1"
// "user : Mia"

 

for…of 문

문법 : for( const item of 이터러블 ) {반복 코드}

const array = [1, 2, 3];
for (const item of array){
    console.log(item); 
}

// 결과
// 1
// 2
// 3

 

forEach()

문법 : 배열.forEach( function(value, index, array) {반복 코드} )

첫 번째 value : 요소 값 / index : index 번호 / array : 원본 배열

const numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
    console.log(number);
});

numbers.forEach(number => console.log(number));

 

while 문

문법 : while( 조건식 ) {반복 코드}

let num = 0;
while(num < 5){ 
   console.log(num);  // 0 ~ 4 까지 출력
   num++;
}

 

do…while 문

문법 : do{반복 코드} while(조건식);

let num = 0;

do {
  console.log(num); // 0 ~ 2 까지 출력
  num++;
} while (num < 3);

 

 

참고

루프와 반복 - JavaScript | MDN