Javascript 배열 요소 일괄 변경 map (Array Change)

map 메소드는 함수를 인자로 받아 새로운 배열을 만들어주는 메소드입니다.

 

함수 안에 if문을 이용하여 원하는 값만을 변경할 수도 있고 아니면 한꺼번에 전부 바꿔버릴 수도 있습니다.

 

한번 알아 볼까요?

const test = [
 { name: 'a', value: 0 },
 { name: 'b', value: 1 },
 { name: 'c', value: 2 },
 { name: 'd', value: 3 },
 { name: 'e', value: 4 },
];

const test2 = test.map(e => {
 e.value = e.value + 2;
 return e;
});
const test3 = test.map(e => e.name);
const test4 = test.map(e => {
 if (e.value < 3) {
  return e;
 }
 return false;
});

결과는

test2
[ 
 { name: 'a', value: 2 }, 
 { name: 'b', value: 3 }, 
 { name: 'c', value: 4 }, 
 { name: 'd', value: 5 }, 
 { name: 'e', value: 6 }, 
]

test3
[ 
 'a', 
 'b', 
 'c', 
 'd', 
 'e', 
]

test4
[ 
 { name: 'a', value: 0 }, 
 { name: 'b', value: 1 }, 
 { name: 'c', value: 2 },
]