상추의 IT저장소

JS) Array.map() 본문

Javascript

JS) Array.map()

구너상추 2022. 11. 15. 20:01

Array.map()

표준 객체의 Array.prototype 메소드 중 하나인 Array.map() 메소드는 해당 배열의 모든 요소에 대하여 반복적으로 명시된 콜백 함수를 실행한 후, 그 실행 결과를 새로운 배열로 반환한다.

 

map 실습

let arr = [1,2,3,4,5]

let multhreeArr = arr.map(function(element) {
    return element *3;
});

console.log(multhreeArr);

>>>결과

 

객체 배열에서 map()을 사용하는 방법

let users = [
    {Name : "사나", age: "21"},
    {Name : "나연", age: "23"},
    {Name : "지효", age: "24"}
  ];
  
  let usersAge = users.map(function(element){
      return `${element.Name} ${element.age}`;
  })
  
  console.log(usersAge);

>>> 결과 

'Javascript' 카테고리의 다른 글

JS)Array.filter() Array.reduce()  (0) 2022.11.18
JS) 자주쓰는 Math 메소드  (0) 2022.11.18
JS) 전역객체와 래퍼객체  (0) 2022.11.15
JS) 객체(object)  (0) 2022.11.13
JS) 타입변환  (0) 2022.11.11