欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中filter( )數(shù)組過(guò)濾器的使用

 更新時(shí)間：2021年11月02日 15:55:30   作者：勇敢小陳  
這篇文章主要介紹了filter() 數(shù)組過(guò)濾的使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

一、前言

數(shù)組過(guò)濾器是前端數(shù)據(jù)處理的一種常用方法，對(duì)于前端來(lái)說(shuō)，后端返回的數(shù)據(jù)我們需要經(jīng)過(guò)處理以后才能獲取到自己想要的數(shù)據(jù)，進(jìn)行進(jìn)一步的操作。有時(shí)候后端返回給我我們的值僅可以作為參考。

二、方法簡(jiǎn)介

filter( )方法會(huì)創(chuàng)建一個(gè)新數(shù)組，數(shù)組中的數(shù)據(jù)是經(jīng)過(guò)指定數(shù)據(jù)中過(guò)濾出來(lái)的符合條件的數(shù)據(jù)

filter( )的兩大特點(diǎn)

1.filter( )不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)

2.filter( )不會(huì)改變?cè)瓟?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é)

本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！

相關(guān)文章

最新評(píng)論