[JS] 배열의 필수 메서드 정리 - map

은채·2022년 5월 22일
0

JavaScript

목록 보기
3/26
post-thumbnail

배열을 변형하는 메서드

map

배열의 모든 원소에 대해 함수를 호출한 결과를 모아 새로운 배열로 반환 --- for 반복문 대신 사용

arr.map((arr_item)=>{
		// 모든 배열의 원소에게 반복실행할 코드	
	})
    

연습하기

const array1 = [1, 4, 9, 16];

const map1 = array1.map(el=> {el * 2});

console.log(map1); // [2, 8, 18, 32]

🌟 map은 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만든다.
함수는 (undefined도 포함해서) 배열 값이 들어있는 인덱스에 대해서만 호출된다.
값이 삭제되거나 아직 값이 할당/정의되지 않은 인덱스에 대해서는 호출되지 않는다.

🌟 map은 호출한 배열의 값을 변형하지 않는다 (콜백함수에 의해 변형 될 수는 있음)

profile
반반무마니

0개의 댓글