반복문 - for문

기본 for 문

const ary = [1, 2, 3, 4, 5, 6];

// 기본 for문
for (let index = 0; index < ary.length; index++) {
    const item = ary[index];
    console.log(item); // 1, 2, 3, 4, 5, 6
}

// 기본 for문의 활용: index를 2씩 증가시킴
for (let index = 0; index < ary.length; index += 2) {
    const item = ary[index];
    console.log(item); // 1, 3, 5
}

// 기본 for문의 활용: 거꾸로 돌림
for (let index = ary.length - 1; index >= 0; index--) {
    const item = ary[index];
    console.log(item); // 6, 5, 4, 3, 2, 1
}

 

for ... in 문, Case 1

const ary = [1, 2, 3];
const ary2 = ["a", "b", "c"];
const ary3 = [{ ... }, { ... }, { ... }];

// 위와 같은 케이스, 즉 배열일 때 for in문에서 앞의 인자는 배열 index의 string값으로 들어옴
for (const indexStr in ary2) {
    console.log(indexStr); // "0", "1", "2", "3"
    
    const index = Number(indexStr);
    console.log(index); // 0, 1, 2, 3
    
    const item = ary2[index];
    console.log(item); // "a", "b", "c"
}

 

for ... in 문, Case 2

const object = {
    id: 1,
    name: "abc"
}

// 위와 같은 케이스, 즉 객체일 때 for in문에서 앞의 인자는 배열 객체의 key가 값으로 들어옴
for (const key in object) {
    console.log(key); // "id", "name"
}

// 그러므로 다음과 같이 해도 결과는 같다.
for (const key of Object.keys(object)) {
    console.log(key); // "id", "name"
}

 

for ... of 문

// for of문: ary의 엘리먼트에 곧바로 접근 가능
for (const item of ary) {
    ...
}

 

같이보기

반복문 - while문, break, continue, 무한루프

 

Array의 반복 관련 메소드