언어/자바스크립트
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);