亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

javascript map()詳解

suxier / 3195人閱讀

摘要：不會對空數(shù)組進(jìn)行遍歷遍歷數(shù)組的每一項，數(shù)組當(dāng)前項的下標(biāo)，原數(shù)組函數(shù)內(nèi)沒有執(zhí)行，證明數(shù)組為空是并不執(zhí)行遍歷返回一個新數(shù)組，長度等于原數(shù)組長度遍歷數(shù)組的每一項，數(shù)組當(dāng)前項的下標(biāo)，原數(shù)組即便函數(shù)返回空結(jié)果數(shù)組的

map()

不會對空數(shù)組進(jìn)行遍歷

   let arr = []
        let newArr = arr.map((item, i, arr) => {
            //item:遍歷數(shù)組的每一項，i:數(shù)組當(dāng)前項的下標(biāo)，arr原數(shù)組
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return item + i
        })
        console.log(newArr) //[]

**函數(shù)內(nèi)console沒有執(zhí)行，證明數(shù)組為空是并不執(zhí)行遍歷

返回一個新數(shù)組，長度等于原數(shù)組長度

   let arr = [1, 2, 3]
        let newArr = arr.map((item, i, arr) => {
            //item:遍歷數(shù)組的每一項，i:數(shù)組當(dāng)前項的下標(biāo)，arr原數(shù)組
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return
        })
        console.log(newArr) //[undefined, undefined, undefined]

**即便函數(shù)返回空 結(jié)果數(shù)組的長度和原數(shù)組是一致的

不會改變原數(shù)組

 let arr = [1, 2, 3]
        let newArr = arr.map((item, i, arr) => {
            //item:遍歷數(shù)組的每一項，i:數(shù)組當(dāng)前項的下標(biāo)，arr原數(shù)組
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return item + i
        })
        console.log(newArr,arr) //[1, 3, 5]

map() 參數(shù)必須是函數(shù)

        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)

函數(shù)接收三個參數(shù)

item (必須) 當(dāng)前遍歷項

i （非必須）當(dāng)前遍歷項下標(biāo)

arr (非必須) 原數(shù)組

完整demo
        let arr = [1, 2, 3]
        let newArr = arr.map((item, i, arr) => {
            //item:遍歷數(shù)組的每一項，i:數(shù)組當(dāng)前項的下標(biāo)，arr原數(shù)組
            console.log(`item---${item}, i---${i}, arr---${arr}`)
            return item + i
        })
        console.log(newArr) //[1, 3, 5]

您的點贊是我繼續(xù)下去的動力！

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/108836.html

相關(guān)文章

  • javascript reduce詳解及應(yīng)用

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

    Cruise_Chan 評論0 收藏0

  • 深入了解JavaScript 中的For循環(huán)之詳解

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

    linkin 評論0 收藏0

  • 深入了解JavaScript 中的For循環(huán)之詳解

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

    jimhs 評論0 收藏0

  • Source Map入門教程

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

    archieyang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<