javascript map () 상세 설명

map()

빈 배열 을 옮 겨 다 니 지 않 습 니 다

   let arr = []
        let newArr = arr.map((item, i, arr) => {
            //item:        ，i:        ，arr   
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return item + i
        })
        console.log(newArr) //[]

* * 함수 내 console 이 실행 되 지 않 았 습 니 다. 배열 이 비어 있 는 지, 옮 겨 다 니 지 않 는 지 증명 합 니 다.

새 배열 을 되 돌려 줍 니 다. 길 이 는 원래 배열 의 길이

와 같 습 니 다.

   let arr = [1, 2, 3]
        let newArr = arr.map((item, i, arr) => {
            //item:        ，i:        ，arr   
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return
        })
        console.log(newArr) //[undefined, undefined, undefined]

* * 함수 가 빈 결 과 를 되 돌려 주 더 라 도 배열 의 길 이 는 원래 배열 과 일치 합 니 다.

원수 조 는 바 뀌 지 않 습 니 다

 let arr = [1, 2, 3]
        let newArr = arr.map((item, i, arr) => {
            //item:        ，i:        ，arr   
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return item + i
        })
        console.log(newArr,arr) //[1, 3, 5]

map () 매개 변 수 는 함수

여야 합 니 다.

        let arr = [1, 2, 3]
        let obj = {
            1: 2
        }
        let arr1 = [1, 2]
        let str = 123
        // let newArr = arr.map(obj)
        let newArr1 = arr.map(arr1)
        let newArr2 = arr.map(str)

함수 수신 세 개의 매개 변수

item (필수) 현재 항목 옮 겨 다 니 기

i (필수 가 아 닌) 현재 항목 아래 에 표 시 된 항목

arr (필수 가 아 닌) 원수 그룹

전체 데모

        let arr = [1, 2, 3]
        let newArr = arr.map((item, i, arr) => {
            //item:        ，i:        ，arr   
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return item + i
        })
        console.log(newArr) //[1, 3, 5]

당신 의 칭찬 은 내 가 계속 할 수 있 는 동력 입 니 다!
많은 토로 와 시정 을 환영 합 니 다!감사합니다!