반응형
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map
Array.prototype.map() - JavaScript | MDN
map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.
developer.mozilla.org
map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다.
const arr = [1, 2, 4, 8, 16];
const maps = arr.map(x => x * 2);
console.log(maps);
기존 for문
const nameArr = ["원빈","박보검","조인성"];
for(let index = 0; index < nameArr.length; index++) {
console.log(nameArr[index]);
}
map 함수 이용 방법
//1.
const nameArr = ["원빈","박보검","조인성"];
const nameArr2 = nameArr.map();
//2.
const nameArr = ["원빈","박보검","조인성"];
const nameArr2 = nameArr.map(() => {});
//3.
const nameArr = ["원빈","박보검","조인성"];
const nameArr2 = nameArr.map(name => {
return name;
}
console.log(nameArr2);
//4.
const nameArr = ["원빈","박보검","조인성"];
nameArr.map(name => console.log(name));
반응형
'DEV > Javascript' 카테고리의 다른 글
[자바스크립트]백틱을 이용한 템플릿 문자열 (13) | 2023.06.06 |
---|---|
[자바스크립트]const, let을 이용한 변수 선언 (4) | 2023.06.06 |
javascript promise 사용법 (0) | 2023.01.13 |
javascript filter 사용법 (0) | 2023.01.11 |
화살표 함수(arrow function) (0) | 2023.01.11 |
댓글