[JavaScript] 자바스크립트 [배열 메소드] [2] 배열 및 객체 순회 (Arrays, for of, for in, forEach)

📝Arrays, of, forEach

// Arrays
const foods = ['🍗','🍟','🍔'];
for (let indexNum = 0; indexNum < foods.length; indexNum++){
    console.log(foods[indexNum]);
}

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

// for in
let obj = {
  a: 1,
  b: 2,
  c: 3
};

for (let item in obj) {
    console.log(item); // a b c
    console.log(obj[item]); // 1 2 3
}


/** 에러 발생 */
// for (let item of obj) {
//     console.log(item);
// }

// forEach
foods.forEach(function (food, index){
    console.log(food, index);
});

foods.forEach((food, index) => console.log(food, index));

for of의 경우 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복한다

for in의 경우는 객체에 사용이 가능하다

 

 

🔗 참고 및 출처

https://doozi0316.tistory.com/entry/JavaScript-for-in-for-of%EC%9D%98-%EC%B0%A8%EC%9D%B4