본문 바로가기
JavaScript

[Javascript] map 함수 사용해보기

by 코딩초 2022. 3. 31.

데이터를 다루는 코드를 수정하던 중, 배열 안의 객체 데이터에 접근해야 하는 상황이 발생했다.
 
중첩된 배열 구조 안의 객체를 추출해야 하는 구조로써,
1. 첫번째 배열은 변수를 선언해서 담아놓고
2. 두번째 배열은 for문안에서 변수.push(new Array() 로 되어있는 상태
 
근데 두번째 배열 안의 객체에 접근하고싶은데.. 검색조차 어떻게 해야할지 모르겠어서 이틀정도 고민해보다가 동료분의 도움을 받았다.

검색할 키워드는 'map 함수'

 
map함수는
배열 내의 각각의 요소(element)를 함수로  호출해서 반환값으로 새로운 배열을 만들어주는 기능이다.
 
 
공식문서
 
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 

Array.prototype.map() - JavaScript | MDN

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

developer.mozilla.org

 

'JavaScript' 카테고리의 다른 글

웹 개발 Vanilla JS 사용 이유  (0) 2023.12.13
[javascript] 369게임  (0) 2021.12.05
javascript의 자료형  (0) 2021.11.30
echart - 그래프 라이브러리  (0) 2021.10.23