JS中filter( )數(shù)組過濾器的使用
一、前言
數(shù)組過濾器是前端數(shù)據(jù)處理的一種常用方法,對于前端來說,后端返回的數(shù)據(jù)我們需要經(jīng)過處理以后才能獲取到自己想要的數(shù)據(jù),進(jìn)行進(jìn)一步的操作。有時候后端返回給我我們的值僅可以作為參考。
二、方法簡介
filter( )方法會創(chuàng)建一個新數(shù)組,數(shù)組中的數(shù)據(jù)是經(jīng)過指定數(shù)據(jù)中過濾出來的符合條件的數(shù)據(jù)
filter( )的兩大特點(diǎn)
1.filter( )不會對空數(shù)組進(jìn)行檢測
2.filter( )不會改變原數(shù)組
filter( )方法的用法:
array.filter(function(currentValue,index,arr), thisValue) //currentValue:當(dāng)前元素的值 //index:當(dāng)前元素的下標(biāo) //arr:原數(shù)組
三、用法案例
1.獲取數(shù)組中符合條件的元素
const school = [ { occupation:"老師", age:40 }, { occupation:"學(xué)生", age:23 },{ occupation:"程序猿", age:1 } ] var newShool = school.filter(item => item.age > 20) console.log(newShool);//[ { occupation: '老師', age: 40 }, { occupation: '學(xué)生', age: 23 } ]
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
關(guān)于json字符串與實(shí)體之間的嚴(yán)格驗(yàn)證代碼
在一個項(xiàng)目中要求嚴(yán)格驗(yàn)證傳入的json字符串與定義的 類匹配,否則不記錄。后來查了好多資料才弄明白,下面小編給大家分享下關(guān)于json字符串與實(shí)體之間的嚴(yán)格驗(yàn)證,感興趣的朋友一起看看吧2016-11-11個人網(wǎng)站留言頁面(前端jQuery編寫、后臺php讀寫MySQL)
這篇文章主要為大家介紹了個人網(wǎng)站的留言頁面,前端使用jQuery編寫、后臺利用php簡單讀寫MySQL數(shù)據(jù)庫,感興趣的小伙伴們可以參考一下2016-05-05使用Browserify來實(shí)現(xiàn)CommonJS的瀏覽器加載方法
下面小編就為大家?guī)硪黄褂肂rowserify來實(shí)現(xiàn)CommonJS的瀏覽器加載方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05JS實(shí)現(xiàn)將手機(jī)號中間的幾位數(shù)字變成****功能
這篇文章主要介紹了用js如何實(shí)現(xiàn)將手機(jī)號中間的幾位數(shù)字變成****?_,今天,我們要實(shí)現(xiàn)一個很常見并且簡單的功能如何將手機(jī)號中間的幾位數(shù)變成****,需要的朋友可以參考下2023-09-09JavaScript?中的?this?綁定規(guī)則詳解
這篇文章主要介紹了JavaScript?中的?this?綁定規(guī)則詳解的相關(guān)資料,需要的朋友可以參考下2023-02-02JS使用正則表達(dá)式獲取小括號、中括號及花括號內(nèi)容的方法示例
這篇文章主要介紹了JS使用正則表達(dá)式獲取小括號、中括號及花括號內(nèi)容的方法,涉及javascript針對三種括號正則匹配的相關(guān)操作技巧,需要的朋友可以參考下2018-06-06