3. for of = iterates over the property values of objects
for of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문입니다. for of 구문을 사용하기 위해선 컬렉션 객체가 [Symbol.iterator] 속성을 가지고 있어야만 합니다(직접 명시 가능).
const array1 = ['a', 'b', 'c'];
for (const element of array1) {
console.log(element);
}
forEach
for in = iterates over the enumerable properties of an object es6 이후 속성(edge 부터 지원)
for (const property in object) { console.log(
${property}: ${object[property]}
); } // expected output: // "a: 1" // "b: 2" // "c: 3"const array1 = ['a', 'b', 'c'];
for (const element of array1) { console.log(element); }
// expected output: "a" // expected output: "b" // expected output: "c"
let myString = "test"; for (let i in myString) { console.log(i);// logs 0, 1, 2, 3 }
for (let i of myString) { console.log(i);// logs t, e, s, t }
const a = [ {a:1,b:2,c:3} ]
for (const item in a) { console.log(item, a[item]) // 0 , {a:1,b:2,c:3} }
for (const item of a) { console.log(item) // {a:1,b:2,c:3} , undefined }