JavaScript 반복문 응용하기

JavaScript에서 배열과 객체를 효율적으로 다루기 위해 반복문을 사용하는 방법을 살펴보겠습니다.

 

인덱스를 이용한 순회

let foods = ["apple", "banana", "cherry"];
for (let i = 0; i < foods.length; i++) {
    console.log(foods[i]);
}

length 속성을 사용해서 배열의 길이에 맞춰 반복문을 설정합니다.

 

for...of 문

for (let food of foods) {
    console.log(food);
}

배열을 순회할 때에는 for...of문을 사용하여 순회할 수 있습니다.

 

객체와 반복문

Object.keys

let person = {name: "John", age: 30};
for (let key of Object.keys(person)) {
    console.log(key, person[key]);
}

객체의 키 배열을 반환하여 순회합니다.

let...of 문을 사용하여 순회

Object.values

for (let value of Object.values(person)) {
    console.log(value);
}

객체의 값을 배열로 반환하여 순회합니다.

let...of문을 사용하여 순회

 

for...in 문

배열을 순회할때에는 for...of문을 사용했지만, 객체를 순회할때에는 for...in 문을 사용합니다.

for (let key in person) {
    console.log(key, person[key]);
}