javascript數(shù)組中的map方法和filter方法
更新時(shí)間：2022年03月15日 09:35:31 作者：前端歌謠
這篇文章主要介紹了javascript數(shù)組中的map方法和filter方法,文章內(nèi)容介紹詳細(xì)，具有一定的參考價(jià)值，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助
一、map方法
1編輯器
編輯器搞出來 一起研究研究數(shù)組中的map方法：
2代碼部分
var geyao=['歌謠',"很帥","很強(qiáng)"]
? ? geyao.map((currentValue,index,arr,thisValue)=>{
? ? ? ? console.log(currentValue,"currentValue")
? ? ? ? console.log(index,"index")
? ? ? ? console.log(arr,"arr")
? ? ? ? console.log(thisValue,"thisValue")
? ? })3運(yùn)行結(jié)果
小結(jié)：
currentvalue 當(dāng)前元素的值 index 索引值 arr 當(dāng)前元素屬于的數(shù)組對(duì)象 thisValue 對(duì)象作為該執(zhí)行函數(shù)的回調(diào)
二、filter方法
1編輯器
編輯器搞出來 一起研究研究數(shù)組中的map方法：
2代碼
var geyao=['歌謠',"很帥","很強(qiáng)"]
? var geyao1 = geyao.filter((currentValue,index,arr,thisValue)=>{
? ? ? ? console.log(currentValue,"currentValue")
? ? ? ? console.log(index,"index")
? ? ? ? console.log(arr,"arr")
? ? ? ? console.log(thisValue,"thisValue")
? ? ? ? return currentValue==='歌謠'
? ? })
? ? console.log(geyao1,"geyao1")3運(yùn)行結(jié)果
小結(jié)：
currentvalue 當(dāng)前元素的值 index 索引值 arr 當(dāng)前元素屬于的數(shù)組對(duì)象 thisValue 對(duì)象作為該執(zhí)行函數(shù)的回調(diào) 形成一個(gè)新數(shù)組 形成的是過濾后的值 和map相似
到此這篇關(guān)于javascript數(shù)組中的map方法和filter方法的文章就介紹到這了,更多相關(guān)map和filter方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JS項(xiàng)目中對(duì)本地存儲(chǔ)進(jìn)行二次的封裝的實(shí)現(xiàn)
這篇文章主要介紹了JS項(xiàng)目中對(duì)本地存儲(chǔ)進(jìn)行二次的封裝,這里我們將要使用到的key存儲(chǔ)下來，新建一個(gè)叫constant-storage.js的文件，對(duì)外暴露一些key的鍵名，也方便后期統(tǒng)一修改，這里因?yàn)槎际呛懔?，所以名稱我們都用大寫表示，需要的朋友可以參考下2022-07-07
微信小程序 scroll-view實(shí)現(xiàn)錨點(diǎn)滑動(dòng)的示例
本篇文章主要介紹了微信小程序 scroll-view實(shí)現(xiàn)錨點(diǎn)滑動(dòng)的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
微信小程序?qū)崿F(xiàn)列表滾動(dòng)頭部吸頂?shù)氖纠a
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)列表滾動(dòng)頭部吸頂?shù)氖纠a，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)身份證取景框拍攝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
下面小編就為大家?guī)硪黄钊肫饰鰆avascript中的exec與match方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
JavaScript的變量聲明語句無論出現(xiàn)在何處，都會(huì)先于其他代碼首先被執(zhí)行，本文給大家介紹javascript聲明變量相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2015-12-12
實(shí)現(xiàn)163郵箱的圖標(biāo)功能...2007-05-05
用于CSS代碼壓縮與格式化的javascript函數(shù)代碼
呵呵，發(fā)現(xiàn)只要幾行ＪＳ代碼就可實(shí)現(xiàn)css的壓縮與格式化，非常不錯(cuò)。2009-12-12
瀏覽器對(duì)象模型(BOM)是瀏覽器提供的JavaScript操作瀏覽器的API,提供了與網(wǎng)頁無關(guān)的瀏覽器功能對(duì)象,這篇文章主要給大家介紹了關(guān)于前端BOM操作常用命令詳解及代碼案例的相關(guān)資料,需要的朋友可以參考下2024-10-10
本文主要介紹了使用js獲取隱藏元素寬高的解決方案以及代碼思路，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02