[javaScript]map() 배열반복

map()

• 각 배열 요소에 대해 함수를 수행해서 새 배열을 만든다.
• 값이 없는 배열 요소에 대해 함수를 실행하지 않는다.
• 원래 배열을 변경하지 않고 새 배열을 만든다.

<p id="demo"></p>

<script>
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

document.getElementById("demo").innerHTML = numbers2;

function myFunction(value, index, array) {
  return value * 2;
}
</script>

실행결과

90,8,18,32,50

 

3개의 인수를 취한다.

• 아이템 값
• 아이템 인덱스
• 배열 자체

콜백 함수가 값 매개변수만 사용할 경우 인덱스 및 배열 배개변수를 생략할 수 있다.

 

 

참고 : https://www.w3schools.com/js/js_array_iteration.asp