티스토리 뷰
자바스크립트에서 .map()이란?
: 어떤 배열(Array) 요소 하나하나에 map(function)에 정의한 function을 적용하고 나온 결과값들로 배열을 리턴해준다.
작성법
array.map(value => {
...statement
return ~
})
예시
const numArr = [1, 2, 3, 4];
friends.map(current => {
console.log(current);
return 0
})
위의 결과는 1, 2, 3, 4를 차례대로 console에 찍어주고 [0, 0, 0, 0]을 리턴한다
정리
array.map()은 ()안에 함수를 하나 정의하며 해당 함수를 array각각의 요소에 적용한다.
최종적으로, 적용 된 결과들의 배열을 리턴해준다 (위의 예시에서는 1, 2, 3, 4라는 요소에 map에
정의한 function이 적용되어 console에 각각 요소가 찍히고 0을 리턴해주었다)
map takes a function and apply the function to each item of the array and it makes an array
with the result of each operation (this time the operation is "return 0")
보너스
map()에 정의한 함수에서 return을 해주지 않으면 요소를 전부 undefiend로 바꾼다.
'토막지식시리즈 > javascript 토막지식' 카테고리의 다른 글
Typescript 타입 종류 알아보기! (any) (0) | 2021.07.10 |
---|---|
[Typescript] Non-null assertion operator (Non-null 단언 연산자) (0) | 2021.06.28 |
vs code에서 typescript run하기 (0) | 2021.01.10 |
JavaScript는 인터프리트언어? 컴파일언어? (0) | 2020.12.15 |
{}의 의미 (JavaScript, ES6, Object Destructuring) (0) | 2020.12.05 |
댓글
최근에 올라온 글
최근에 달린 댓글
TAG
- 20200512
- 20200428
- 20200317
- 20200319
- likelion
- chapter8
- 20200427
- 20200503
- 20200504
- 20200415
- 20200502
- 20200413
- 20200421
- chapter7
- 20200423
- 20200622
- 20200425
- 20201204
- 생활코딩리눅스
- 20200403
- 20200624
- 20200420
- 20200424
- 20200510
- 20200330
- 20200417
- 20200429
- 20200406
- 백준
- 20200804
- Total
- Today
- Yesterday