for...in, for...of 의 차이 그리고 foreach

for in 은 객체의 키순환 때 쓰는 방법

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

for (let item in obj) {

  console.log(item); // a, b, c

}

 

for of 는 배열의 순환때 쓰는 방법

let arr = [1, 2, 3];

for (let item of arr) {

console.log(item); // 1, 2, 3

}

(단 자바스크립트에서는 배열도 객체이기 때문에 객체의 키값에 해당하는 index 가 나온다)

const arr = [1, 2, 3];

for (let item in arr) {

console.log(item); // 0, 1, 2

}

 

foreach문 주어진 함수를 배열 요소 각각에 대해 실행

1. 리턴값을 갖지 못하고 현재배열을 수정한다.

 

let array = [1, 2, 3];

array.forEach(function(element) {

let onePlus = 1 + element;

console.log(onePlus);

//callbackRuns++; 배열의 수만큼 반복

})