[js] for Each & Map

for Each

아무 값도 반환하지 않음. 기존 배열 변경 가능

const arr = [1, 2, 3]
aarrrray.forEach((item, index) => {
   arr[index] = item * 2
})
console.log(arr)	// [2, 4, 6]

1. value, index를 인자로 받기

item, index 순

const arr = ['apple', 'kiwi', 'grape', 'orange'];

arr.forEach((item, index) => {
  console.log("index: " + index + ", item: " + item);
});

//출력 결과
index: 0, item: apple
index: 1, item: kiwi
index: 2, item: grape
index: 3, item: orange

2. value, index, array를 인자로 받기

item, index, array 순

const arr = ['apple', 'kiwi', 'grape', 'orange'];

arr.forEach((item, index, arr) => {
  console.log("index: " + index + ", item: " + item
      + ", arr[" + index + "]: " + arr[index]);
});

//출력 결과
index: 0, item: apple, arr[0]: apple
index: 1, item: kiwi, arr[1]: kiwi
index: 2, item: grape, arr[2]: grape
index: 3, item: orange, arr[3]: orange

참고

https://codechacha.com/ko/javascript-foreach/

JavaScript - forEach(), 다양한 예제로 이해하기

Map

기존의 배열을 가공하여 새로운 배열을 생성할 때 사용

=> 기존 배열은 값이 바뀌지 않고 유지

const arr = [1, 2, 3]
const newArray = arr.map(item => {
   return item * 2
})

console.log(newArray)	// [2, 4, 6]

=> {} 중괄호 사용 시 return이 꼭 있어야 한다
return 안 쓰고 싶으면 () 사용

const newArray2 = arr.map(item => (
   item * 2
))

https://developer0809.tistory.com/67

[#. JavaScript] forEach와 map의 차이점을 알아보자