JAVA#script
JavaScript - map 함수/ 반복문 함수
냥늉냥
2022. 1. 10. 00:59
반응형
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를 따로 선언하지 않아도 됩니다.)