javascript map()詳解

suxier 發布于2019-08-26 13:26 / 3150人閱讀

摘要：不會對空數組進行遍歷遍歷數組的每一項，數組當前項的下標，原數組函數內沒有執行，證明數組為空是并不執行遍歷返回一個新數組，長度等于原數組長度遍歷數組的每一項，數組當前項的下標，原數組即便函數返回空結果數組的

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 (非必須) 原數組

完整demo

        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]

您的點贊是我繼續下去的動力！

歡迎多多吐槽指正！謝謝！

GPU云服務器云服務器 javascript實現map javascript詳解 javascript閉包詳解 javascript對象詳解

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108836.html

javascript reduce詳解及應用

摘要：循環數組每一項數組下標當前調用數組本身可選初始值，作為回調函數第一個參數的默認值，也是每次回調的返回值，見代碼首頁問題轉化為數組首頁問題轉化后效果這個栗子來自配置路由時遇到的，當時也是優化了好幾個版本。 reduce callback（一個在數組中每一項上調用的函數，接受四個參數：）previousValue（上一次調用回調函數時的返回值，或者初始值）currentValue（當前正...

Cruise_Chan 2019-08-23 14:17 評論0 收藏0
深入了解JavaScript 中的For循環之詳解

摘要：將品牌的標價全部加蘇南的專欄交流公眾號不會對空數組進行檢測。方法用于調用數組的每個元素，并將元素傳遞給回調函數。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關于循環篩選的知識點，也許是前端小白的你首先想到的是用for循環做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...

linkin 2019-08-02 14:03 評論0 收藏0
深入了解JavaScript 中的For循環之詳解

摘要：將品牌的標價全部加蘇南的專欄交流公眾號不會對空數組進行檢測。方法用于調用數組的每個元素，并將元素傳遞給回調函數。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: ? 今天我想分享一個有關于循環篩選的知識點，也許是前端小白的你首先想到的是用for循環做篩選，但我這種小菜鳥想到的就是map(工作中很喜歡...

jimhs 2019-08-23 14:36 評論0 收藏0
Source Map入門教程

摘要：多個文件合并，減少請求數。生成的多了，表示文件的位置。轉換前的所有變量名和屬性名。自從年雙十一正式上線，累計處理了億錯誤事件，得到了金山軟件等眾多知名用戶的認可。部署前端之前，開發者通常會對代碼進行打包壓縮，這樣可以減少代碼大小，從而有效提高訪問速度。然而，壓縮代碼的報錯信息是很難Debug的，因為它的行號和列號已經失真。這時就需要Source Map來還原真實的出錯位置了。 sho...

archieyang 2019-08-21 11:38 評論0 收藏0