윤쨩이의 개발 블로그
11 [ 배열 메소드 _ map() : 배열 요소 추출하여 새로운 배열을 만들기 ] 본문
map() : 배열의 특정 요소를 추출하여 새로운 배열을 만든다.
예제를 통해 알아보자.
const arr = [100,200,300,400,500];
console.log(arr.map(item => (item))); //[100, 200, 300, 400, 500]
console.log(arr.map(item => (item + 100))); //[200, 300, 400, 500, 600]
console.log(arr.map(item => (item * 2))); //[200, 400, 600, 800, 1000]
console.log(arr.map(item => (item + "J"))); // ['100J', '200J', '300J', '400J', '500J']
console.log(arr.map(item => (item * 2))) : arr안에 있는 요소들을 하나씩 loop돌고 2를 곱한 값으로 새로운 배열을 만들어 반환한다.
console.log(arr.map(item => (item + 100))) : arr안에 있는 요소들을 하나씩 loop돌고 100을 더한 값으로 새로운 배열을 만들어 반환한다.
console.log(arr.map(item => (item + "J"))) : arr안에 있는 요소들을 하나씩 loop돌고 j를 더한 값으로 새로운 배열을 만들어 반환한다.
참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map
'자바스크립트 메소드 > 배열 메소드' 카테고리의 다른 글
| 12 [ 배열 메소드 _reduce() / reduceRight() : 배열 요소 하나로 정리하기 ] (0) | 2021.10.16 |
|---|---|
| 10 [ 배열 메소드 _ filter() : 배열 요소 검색하기 (2) ] (0) | 2021.10.16 |
| 09 [ 배열 메소드 _find() / findIndex() : 배열 요소 검색하기 ] (0) | 2021.10.16 |
| 08 [ 배열 메소드_splice() : 배열 요소를 다른 요소로 변경 (2) ] (0) | 2021.10.16 |
| 07 [ 배열 메소드_slice() : 배열 요소를 다른 요소로 변경 ] (0) | 2021.10.16 |
Comments