Array.prototype.forEach()

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Array.prototype.forEach() - JavaScript | MDN

 

.forEach() 메서드는 해당 배열내에 각각의 요소에 대해 특정 함수를 실행한다.

const numbers = [1,2,3,4,5,6];

numbers.forEach(function(number) {
   console.log(number);
});

 

.forEach() 메서드는 총 3개의 콜백 파라미터를 보낼수있는데 각각 value, index, 해당 array이다.

const numbers = [1,2,3,4,5,6];

numbers.forEach(function(number, index, array) {
   console.log(`number[${index}] = ${number}, ${array}`);
});

 

뿐만 아니라 문자열도 사용이 가능하다.

const strings = ['a', 'b', 'c', 'd', 'e', 'f', 'b', 'b'];

strings.forEach(function(string) {
   console.log(string.toLocaleUpperCase());
});

 

아래와 같이 활용도 가능하다.

const strings = ['a', 'b', 'c', 'd', 'e', 'f', 'b', 'b'];

strings.forEach((string) => {
   if(count[string]) {
      count[string]++;
   } else {
      count[string] = 1;
   }
});

console.log(count);

 

.Map()과의 차이는 return값이 있는냐 없느냐 차이가 가장크다.