js數(shù)組之filter

Jason 發(fā)布于2019-08-22 13:59 / 2496人閱讀

摘要：數(shù)組過濾用了這么久的，現(xiàn)在才慢慢摸索更簡單的方法，這個(gè)方法用處還是挺多的，比如遍歷數(shù)組中的數(shù)組下面我們結(jié)合的箭頭函數(shù)，來看看這一行就這么簡單就寫這么多了

數(shù)組過濾

用了這么久的JavaScript，現(xiàn)在才慢慢摸索更簡單的方法
array.filter()，這個(gè)方法用處還是挺多的，比如遍歷數(shù)組中的數(shù)組
下面我們結(jié)合es6的箭頭函數(shù)，來看看

var arr1 = [
                    {key:1,value:12},
                    {key:2,value:15},
                    {key:3,value:"mio"}
                ]
 
    var arr2 = [
                    {
                        key:1,
                        value:[1,2,3]
                    },
                    {
                        key:2,
                        value:[{key:12,value:"akuma"},{key:13,value:"mio"},{key:14,value:"CVdongdong"}]
                    }
                ];
    var str1 = 1,str2 = 2;
    var res1,res2;
    res1 = arr1.filter(k=>k.key == str1)[0].value
    res2 = arr2.filter(k=>k.key == str2)[0].value.filter(k=>k.key == 13)[0].value; //這一行就這么簡單
    console.log(res2)

就寫這么多了

GPU云服務(wù)器云服務(wù)器 js數(shù)組 php數(shù)組賦值給js數(shù)組 js 存儲(chǔ)數(shù)組 js 顛倒數(shù)組

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

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

相關(guān)文章

JavaScript30秒，從入門到放棄之Array（二）

摘要：循環(huán)一個(gè)數(shù)組，使用每次去刪除該數(shù)組的第一個(gè)元素直到指定方法運(yùn)算結(jié)果為，返回的是剩余元素組成的數(shù)組。直到循環(huán)退出，返回此時(shí)的。對(duì)應(yīng)就是，包含下界，不包含上屆。秒，從入門到放棄之二微信公眾號(hào)秒，從入門到放棄之二 difference Returns the difference between two arrays. Create a Set from b, then use Array...

pinecone 2019-08-21 18:24 評(píng)論0 收藏0
JS專題之數(shù)組去重

摘要：將元素作為對(duì)象的鍵，默認(rèn)鍵對(duì)應(yīng)的值為如果對(duì)象中沒有這個(gè)鍵，則將這個(gè)元素放入結(jié)果數(shù)組中去。前言數(shù)組去重在日常開發(fā)中的使用頻率還是較高的，也是網(wǎng)上隨便一抓一大把的話題，所以，我寫這篇文章目的在于歸納和總結(jié)，既然很多人都在提的數(shù)組去重，自己到底了解多少呢。又或者是如果自己在開發(fā)中遇到了去重的需求，自己能想到更好的解決方案嗎。這次我們來理一理怎么做數(shù)組去重才能做得最合適，既要考慮兼容性，...

only_do 2019-08-26 13:29 評(píng)論0 收藏0
JavaScript30秒，從入門到放棄之Array（五）

摘要：原文地址秒，從入門到放棄之五博客地址秒，從入門到放棄之五水平有限，歡迎批評(píng)指正從給定的數(shù)組中隨機(jī)選出指定個(gè)數(shù)的數(shù)組元素。否則判斷數(shù)組元素是否大于或者等于指定元素，尋找過程與前邊類似。原文地址：JavaScript30秒，從入門到放棄之Array（五）博客地址：JavaScript30秒，從入門到放棄之Array（五）水平有限，歡迎批評(píng)指正 sampleSize Gets n...

dunizb 2019-08-26 11:41 評(píng)論0 收藏0
JavaScript30秒，從入門到放棄之Array（四）

摘要：使用把指定運(yùn)算結(jié)果為的數(shù)組元素添加到二維數(shù)組的第一個(gè)數(shù)組中，運(yùn)算結(jié)果為的數(shù)組元素添加到二維數(shù)組的第二個(gè)數(shù)組中。所以改成了，它是不改變數(shù)組元素的，沒有副作用，不干擾后續(xù)。方法將剩余的所有數(shù)組元素以的方式返回結(jié)果數(shù)組。原文地址：JavaScript30秒，從入門到放棄之Array（四）博客地址：JavaScript30秒，從入門到放棄之Array（四）水平有限，歡迎批評(píng)指正 ma...

wuaiqiu 2019-08-22 13:56 評(píng)論0 收藏0
js之靈活使用可遍歷數(shù)組的API

摘要：總結(jié)遍歷數(shù)組的時(shí)候應(yīng)該盡量使用這些，靈活運(yùn)用可以讓代碼更加優(yōu)雅，這種盡可能使用函數(shù)和鏈?zhǔn)秸{(diào)用的風(fēng)格很接近函數(shù)式編程，可以提高代碼質(zhì)量。 js中有很多可以遍歷數(shù)組的API，既然已經(jīng)封裝的這么好，為什么不在平常開發(fā)的時(shí)候使用，本文講講forEach、map、filter、some、every、reduce這些API的使用，并且和普通的for語句作對(duì)比。我們以一個(gè)對(duì)象數(shù)組作為測試數(shù)據(jù)： c...

sutaking 2019-08-22 14:05 評(píng)論0 收藏0