새로운 For 문을 살펴보자

=> 기존 loop 방식

const friends = ["gildong","younghee","chulsoo"];

for(let i = 0; i < friends.length; i++){
    console.log(`I love you ${friends[i]}`);
}
//I love you gildong
//I love you younghee
//I love you chulsoo

Array.forEach

배열의 forEach 함수를 사용하여 loop 를 수행한다.

const friends = ["gildong","younghee","chulsoo"];

const addLikeText = (currentItem, idx, arr) => console.log(`I Like ${c}`)
//currentItem 은 현재 loop 대상이 되는 항목, idx 는 인덱스, arr 은 수행중인 배열이다.

friends.forEach(addLikeText);
friends.forEach(friend => console.log(friend));
//forEach 내에서 arrow function 으로도 사용 가능하다.

for of

const friends = ["gildong","younghee","chulsoo"];

for(const friend of friends){
    console.log(friend);
}

for(const letter of "안녕하세요"){
    console.log(letter);
}
//for of 문은 문자열외에도 다양한 곳(nodelist, map, set)에서 사용 가능하다.

loop 중 중지를 해야 한다면 for...of 를 사용해야 한디.
Array.forEach 는 중단이 불가능하다.

const friends = ["gildong","younghee","chulsoo"];

for(const friend of friends){
    if(friend === "younghee"){
        break;
      //break 문을 만나면 loop 가 중지된다.
    }
    console.log(friend);
}