본문 바로가기

WEB/JavaScript

[JavaScript] Array.map() 메소드

어떤 배열에 있는 모든 element들의 값은 변경해서 새로운 배열을 만들어야 할 때가 있다. 이때 반복문을 사용해서 수동으로 처리해도 되지만, 간단히 Array.map() 메소드를 사용하면 편리하다. 다음의 코드를 비교해보자!

 

let arr = [3, 4, 5, 6];

for (let i = 0; i < arr.length; i++){
  arr[i] = arr[i] * 3;
}

console.log(arr); // [9, 12, 15, 18]

위 코드는 for문을 이용하여 배열의 요소값을 변경시킨 것이다.

 

let arr = [3, 4, 5, 6];

let modifiedArr = arr.map(function(element){
    return element *3;
});

console.log(modifiedArr); // [9, 12, 15, 18]

 

위 코드는 map() 메소드를 사용하여 배열의 요소값을 변경시킨 것이다.