ES6 - for ... of loops

 

 

iterable = 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복해서 작동한다.

 

 

 

array의 경우

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"

 

 

string의 경우

let str = 'CodeStates';

for(let char of str) {
	console.log(char);
}
// C
// o
// d
// e
// S
// t
// a
// t
// e
// s

 

 

object의 경우 

 

iterable하지 않아서 실행이 되지 않는다!

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

for(let key of obj){
	console.log(key);
}

// Uncaught TypeError: obj is not iterable

 

for in 으로 대체할 수 있다.

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

// Uncaught TypeError: obj is not iterable

for(let key in obj){
	console.log(key);
}
// a
// b

for(let key in obj){
	console.log(obj[key])
}
// 1
// 2