ES6(ECMAS6) 문법 - For/Of 루프

For/Of 루프

- 반복 가능한 개체의 값을 반복

- Arrays, Strings, Maps, NodeLists 등과 같이 반복 가능한 데이터 구조를 반복

for (variable of iterable) {
}

 

배열에 대한 루핑

const fruit = ["apple", "banana", "mango"];
let text = "";

for (let x of fruit) {
    text += x + " "; 
}

 

문자열 반복

let language = "JavaScript";
let text = "";

for(let x of language){
   text += x + " ";
}

 

* for ... in 과의 차이

- for ... in 같은 경우는 인덱스를 반환

- for ... of, Array.forEach()는 해당하는 값을 반환

 

[참고]

- https://www.w3schools.com/js/js_es6.asp#mark_arrow