JavaScript - map 함수/ 반복문 함수

map 함수란

자바스크립트에서 for문을 사용할 때 리스트 0부터 끝까지 다 돌리는데

작성하는 구문이 긴 것을 축약하고, 길이를 몰라도 사용할 수 있게 하기 위해 사용하는 함수 입니다.

 

 

☞  즉 for문을 단편화 한것이 map함수라 할 수 있겠습니다.

 

//기존 for문 사용

let numbers = [1,2,3,4,5,6,7];
for(let i=0; i<numbers.length; i++){
	console.log(numbers[i]);
}


//[1,2,3,4,5,6,7]

우리는 기존 for문을 사용하기 위해 리스트의 길이 값을 알아야 했습니다.

map은 리스트의 길이값을 몰라도 되며, for와는 반대로 리스트안에서 몇 번째에 있는 값인지 순서를 알려줍니다.

 

let numbers = [1,2,3,4,5,6,7];

numbers.map((value,i) => { 
	console.log(value,i) 
})

//1 0
//2 1
//3 2
//4 3
//5 4
//6 5
//7 6

리스트.map 함수는 리스트 내의 값들을 처음부터 끝까지 반복합니다.

value는 리스트에 들어있는 값.

i는 순서(index)가 됩니다.

(map 함수에서는 value와 i를 따로 선언하지 않아도 됩니다.)