자바스크립트 map 사용 방법

자바스크립트 배열의 map 메서드는 새로운 배열을 원본 배열의 수정 없이 반환할 수 있습니다. 메서드 안에 익명 함수를 정의할 때 첫 번째 매개변수는 배열의 요소이고 두 번째 매개변수는 인덱스입니다.

 

사용법

 

const array = [1, 2, 3];
const newArray1 = array.map(function (x, i) {
  return x * 2;
});

const newArray2 = array.map((x, i) => {
  return x * 2;
});
console.log(array); // [ 1, 2, 3 ]
console.log(newArray2); // [ 2, 4, 6 ]

const user = [
  {
    id: "user01",
    pw: "123",
  },
  {
    id: "user02",
    pw: "456",
  },
  {
    id: "user03",
    pw: "789",
  },
];

const userIdArray1 = user.map(function (x, i) {
  return x.id;
});
const userIdArray2 = user.map((x, i) => {
  return x.id;
});
console.log(user); // [
  { id: 'user01', pw: '123' },
  { id: 'user02', pw: '456' },
  { id: 'user03', pw: '789' }
]
console.log(userIdArray2); // [ 'user01', 'user02', 'user03' ]