Javascript map 함수란?
배열의 값에다가 맵핑된 새로운 배열을 얻어낼때 사용한다.
map 함수 사용법
let names = ["김구라", "해골", "원숭이"];
names.map((매개변수)=>{
return 매개변수 + 변경하고싶은 값;
});
매개변수가 하나인 경우 ( ) 소괄호 생략 가능하다.
names.map(매개변수=>변경할값);
활용 예제)
<body>
<h1>배열 객체의 활용</h1>
<p>배열의 .map() 함수를 이용해서 맵핑(하나하나 작업)된 새로운 배열 얻어내기</p>
<script>
let names = ["김구라", "해골", "원숭이"];
// 배열의 map() 함수 호출하면서 화살표 함수 전달하기
let result = names.map((item)=>{
return item+"님";
});
// 매개변수가 하나인 경우 ( ) 소괄호 생략 가능
let result2 = names.map(item=>item+"님");
</script>
</body>
</html>
해당 html 파일을 웹브라우저 console 창에 결과 출력
result, result2 모두 기존 배열의 값에 "님"이라는 값이 추가되어 출력된다.
'JavaScript' 카테고리의 다른 글
| JavaScript canvas 함수 (0) | 2023.05.02 |
|---|---|
| JavaScript setInterval, setTimeout 함수 (0) | 2023.05.01 |
| JavaScript filter 함수 (0) | 2023.04.27 |
| JavaScript EventListener (0) | 2023.04.17 |
| JavaScript 조건문(if) 실습 예제 (0) | 2023.04.13 |
