728x90
반응형
배열의 요소를 일괄 변경해야하는 경우, Array 객체의 map 메소드를 활용한다.
callback 함수를 인자로 받아서, callback 함수의 return으로 반환되는 값들을 재조합하여 새로운 배열로 만든다.
const arr = [
{id : 0, name : '혜림', age : 0},
{id : 1, name : '현일', age : 3},
{id : 2, name : '현아', age : 5},
{id : 3, name : '우림', age : 2}
];
const arr2 = arr.map(el => {
el.age = el.age + 1;
return el;
});
const arr3 = arr.map(el => el.name);
console.log(arr2);
//[
// {id : 0, name : '혜림', age : 1},
// {id : 1, name : '현일', age : 4},
// {id : 2, name : '현아', age : 6},
// {id : 3, name : '우림', age : 3}
//]
console.log(arr3); //['혜림', '현일', '현아', '우림']
728x90
반응형
'IT 개발 > JavaScript' 카테고리의 다른 글
javascript - Object.values() (0) | 2023.03.05 |
---|---|
javascript - Object.keys() (0) | 2023.03.05 |
javascript - filter 사용법 (0) | 2023.03.05 |
jQuery validation : 입력 데이터 유효성 검사 플러그인 (0) | 2021.10.19 |
객체 속성 기술자 이해하기 (0) | 2021.09.12 |