배열 내장함수 (map)

jiwonSong·2020년 7월 14일
0

javascript

목록 보기
13/23
post-thumbnail

map은 배열안의 원소들을 변환할 때, 원소들을 이용해 새로운 배열을 만들어 리턴하는 내장함수.

const array = [1, 2, 3, 4, 5, 6, 7, 8];

const square = n => n * n;
const squared = array.map(square);

console.log(squared); //[1, 4, 9, 16, 25, 36, 49, 64]

좀 더 간단하게 나타내면 square 함수를 정의하지 않고 map 함수 내에서 함수를 정의할 수 있음!

//생략...
const squared = array.map(n => n * n);

console.log(squared); //[1, 4, 9, 16, 25, 36, 49, 64]



map 활용 예제

만약 객체 배열에서 text로만 이루어진 문자열 배열로 바꿀일이 있을때,

const items = [
	{ 
		id: 1,
		text: "hello"
	},
	{
		id: 2,
		text: "bye"
	}
];

const texts = items.map(item => item.text);
console.log(texts); //["hello", "bye"] 





profile
하루하루 성장하려 노력하는 FE 개발자 입니다~

0개의 댓글