언어/자바스크립트

JavaScript map

realtrynna 2022. 2. 17. 20:34

JavaScript map

배열 메서드로 모든 요소들의 지정 함수 실행 후 새로운 배열 return

- 매개변수는 element와 index

- forEach와 같은 반복문이지만 return 값이 있다는 점에서 차이가 있음

- map()
- 각 요소 * 10
const array = [1, 2, 3, 4, 5];
const res = array.map((e, i) => e * 10);
console.log(res); // [ 10, 20, 30, 40, 50 ]

- 각 요소의 서울시 문자열 추가
const array = ["강동구", "강서구", "강남구", "강북구"];
const res = array.map((e, i ) => `서울시 ${e}`);
console.log(res); // [ '서울시 강동구', '서울시 강서구', '서울시 강남구', '서울시 강북구' ]

- 1~100 배열 생성
const array = Array(100).fill().map((e, i) => i + 1);
console.log(array);

'언어 > 자바스크립트' 카테고리의 다른 글

JavaScript splice slice  (0) 2022.02.21
JavaScript 삼항 조건 연산자  (0) 2022.02.18
JavaScript forEach  (0) 2022.02.17
JavaScript includes  (0) 2022.02.17
JavaScript join split  (0) 2022.02.17