成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

javascript map()詳解

suxier / 3153人閱讀

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

map()

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

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

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

返回一個(gè)新數(shù)組，長(zhǎng)度等于原數(shù)組長(zhǎng)度

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

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

不會(huì)改變?cè)瓟?shù)組

 let arr = [1, 2, 3]
        let newArr = arr.map((item, i, arr) => {
            //item:遍歷數(shù)組的每一項(xiàng)，i:數(shù)組當(dāng)前項(xià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ù)接收三個(gè)參數(shù)

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

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

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

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

您的點(diǎn)贊是我繼續(xù)下去的動(dòng)力！

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108836.html

相關(guān)文章

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

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

    Cruise_Chan 評(píng)論0 收藏0

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

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

    linkin 評(píng)論0 收藏0

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

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

    jimhs 評(píng)論0 收藏0

  • Source Map入門(mén)教程

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

    archieyang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<