JavaScript: map

만약, 내가 어떠한 배열 안의 값들에 2를 곱해주고 그 값을 다시 넣고싶다면,

for문을 사용하여 이렇게 작성할 수 있을 것이다.

let num = [2, 4, 6, 8];
for (var i = 0; i < num.length; i++) {
  num[i] = num[i] * 2;
}
console.log(num);

 

 

그러나 map()을 이용하게 된다면 훨씬 간편할 것이다.

map()함수는 함수를 인자로 필요로 하며, 함수를 실행하여 새로운 배열로 리턴해준다.

let num = [2, 4, 6, 8];
num = num.map(function (n) {
  return n * 2;
});
console.log(num);

 

결과는 다음과 같다.

 

 

하지만, 이 결과인 num은 처음의 배열과 다르다.

같게하고싶다면 재정의 해야하지만, 기존변수의 값을 재정의 하는 것은 잘 하지않는다.