본문 바로가기
DEV/Javascript

javascript map 사용법

by 어쩌다개발 2023. 1. 11.
반응형

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));

 

반응형

댓글