for each문도 for문이긴 for문인데,
좀 더 사용하기 편리한 for문이라는 것이구
향상된/개선된 for문 정도로 생각해두면 될 듯 해.

처음에 for each문이 만들어질때는
배열에 사용할려고 만들어졌다고 하더라고.

1. forEach함수 알아보기!

const arr = [1, 2, 3, 4, 5];
arr.forEach(function (a, b, c) {
console.log(`a : ${a}, b : ${b} , c : ${c}`);
});

첫번째는 배열안에 있는 요소 값을 불러와주고, 두번째는 인덱스의 순서 값을 불러와주네. 그럼 c에서는 뭘 불러오지?

c는 배열 자체를 불러오네

Map과 forEach의 만남

let map = new Map();
map.set(7, "seven");
map.set(8, "eight");
map.set(9, "nine");

map.forEach(function (a, b, c) {
console.log(`a : ${a} , b : ${b}, c : ${c}`);
});

a는 위에서 배운 것처럼
value, b는 key, c는 map자체를 불러오네.

지금 보면 위에 map함수를 돌려보면 결과가

a: seven , b : 7, c : [object Map]
a : eight , b : 8, c : [object Map]
a : nine , b : 9, c : [object Map]

이런 식으로 나오는데, 이걸 보면 알 수 있듯이,
set()함수의 첫번째 매개변수는 key,
두번째 매개변수는 value라는 걸 알 수 있지.

하지만 for each 함수에서는 첫번째 매개변수가 value,
두번째 매개변수가 key라는 걸 알 수 있지.

그래서 위에 console.log()를 보면

a는 value, b는 key라는 걸 알 수 있지. 그리고 c는 map자체를 불러오네.