Javascript

Javascript - Array map

devNam 2023. 7. 25. 18:00
반응형

 

 

Array.prototype.map() - JavaScript | MDN

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

developer.mozilla.org

 

- 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

const array = [
  { key: 1, value: 10 },
  { key: 2, value: 20 },
  { key: 3, value: 30 },
];

const result = array.map(data => data.key);
console.log(result);
//[1, 2, 3]

 

- Array 내 object 재구성 시 특이사항 : 새로 구성할 Obejct를 ()로 감싸줘야 오류가 안 난다.

const array = [
  { key: 1, value: 10 },
  { key: 2, value: 20 },
  { key: 3, value: 30 },
];

const result = array.map((data,idx) => ({unitName:`test${idx}`, data: data}));
console.log(result);

 

반응형

'Javascript' 카테고리의 다른 글

Javascript - Array some  (0) 2023.08.01
Javascript - Array find  (0) 2023.07.18
Javascript - Array filter  (0) 2023.07.11