객체 순회/배열 순회

객체를 순회할 때는 for...in 을 사용하고,

배열을 순회할 때는 for...of 를 사용하라.

 

for...in은 배열의 요소들만 순회하지 않고 배열 안에 있는 모든 것을 보여준다.

for...of는 배열의 요소만 순회해서 보여준다.

 

예

var array = ["one", "two"];
array.name = "my array";
console.log(array); // (2) ["one", "two", name: "my array"]

array.push("three");
console.log(array); // (3) ["one", "two", "three", name: "my array"]

for (let idx in array) {
  console.log(idx + " : " + array[idx]);
}
/*
0 : one
1 : two
2 : three
name : my array
*/

for (let [idx, val] of array.entries()) {
  console.log(idx + " : " + val);
}
/*
0 : one
1 : two
2 : three
*/

참고문헌

https://poiemaweb.com/js-object