JS filter() 的使用

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

摘要：方法方法返回一個(gè)新數(shù)組，新數(shù)組的元素是原數(shù)組中通過(guò)符合指定篩選條件的所有元素。具體參數(shù)自定義重新過(guò)濾即篩選出數(shù)組中屬性包含的對(duì)象換成的寫(xiě)法，即

filter 方法

filter 方法返回一個(gè)新數(shù)組，新數(shù)組的元素是原數(shù)組中通過(guò)符合指定篩選條件的所有元素。

filter 具體參數(shù)

Array.filter(function(value,index,arr),thisValue)
eg.

items = [{"name":"test1", "value":222}, {"name":"tttt", "value":"333"}]

items.filter(function(){console.log(arguments)})

自定義重新過(guò)濾

eg.

const filterByName = a => b => {
  return b.name.indexOf(a) > -1
}

items = items.filter(filterByName("te"))

即篩選出數(shù)組中name屬性包含‘te’的對(duì)象

換成ES5的寫(xiě)法，即

function a (a){
   return function (b, index, arr){
          return b.name.indexOf(a) > -1
}
}

GPU云服務(wù)器云服務(wù)器 ng-style使用filter filter的調(diào)試 js 分號(hào)的使用 filter()

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/92726.html

相關(guān)文章

用CSS和JS打造一個(gè)簡(jiǎn)單的圖片編輯器

摘要：原文來(lái)自效果圖本文主要是利用的和簡(jiǎn)單的代碼來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的圖片編輯器，包括對(duì)圖片的透明度，黑白，圖片亮度等調(diào)節(jié)。簡(jiǎn)單地說(shuō)完之后，我們來(lái)動(dòng)手創(chuàng)建一個(gè)簡(jiǎn)單的圖片編輯器。原文來(lái)自：https://jellybool.com/post/build-a-simple-image-editor-with-css-js demo: https://jellybool.com/demo/i...

jerryloveemily 2019-08-28 18:12 評(píng)論0 收藏0
用CSS和JS打造一個(gè)簡(jiǎn)單的圖片編輯器

摘要：原文來(lái)自效果圖本文主要是利用的和簡(jiǎn)單的代碼來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的圖片編輯器，包括對(duì)圖片的透明度，黑白，圖片亮度等調(diào)節(jié)。簡(jiǎn)單地說(shuō)完之后，我們來(lái)動(dòng)手創(chuàng)建一個(gè)簡(jiǎn)單的圖片編輯器。原文來(lái)自：https://jellybool.com/post/build-a-simple-image-editor-with-css-js demo: https://jellybool.com/demo/i...

NSFish 2019-08-22 10:57 評(píng)論0 收藏0
AngularJs功能（五）--過(guò)濾器

摘要：過(guò)濾器過(guò)濾器正如其名，作用就是接收一個(gè)輸入，通過(guò)某個(gè)規(guī)則進(jìn)行處理，然后返回處理后的結(jié)果。表單的控制功能主要涉及到數(shù)據(jù)驗(yàn)證以及表單控件的增強(qiáng)。格式化數(shù)字過(guò)濾器可以為一個(gè)數(shù)字加上千位分割，像這樣，。過(guò)濾器 Filter 過(guò)濾器（filter）正如其名，作用就是接收一個(gè)輸入，通過(guò)某個(gè)規(guī)則進(jìn)行處理，然后返回處理后的結(jié)果。主要用在數(shù)據(jù)的格式化上。過(guò)濾器通常是伴隨標(biāo)記來(lái)使用的，將你model中...

leon 2019-08-22 13:58 評(píng)論0 收藏0
JavaScript30秒，從入門(mén)到放棄之Array（四）

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

wuaiqiu 2019-08-22 13:56 評(píng)論0 收藏0
微信小程序使用filter過(guò)濾器幾種方式

摘要：與之間通過(guò)橋協(xié)議通信包括調(diào)用指令和各種事件，涉及消息序列化跨線(xiàn)程通信與。一個(gè)小程序可以有多個(gè)，頁(yè)面間切換動(dòng)畫(huà)比更流暢。業(yè)務(wù)無(wú)法直接控制。 showImg(http://upload-images.jianshu.io/upload_images/326507-e81e06b2cb7187e9.jpeg?imageMogr2/auto-orient/strip%7CimageView2/...

godruoyi 2019-08-21 17:52 評(píng)論0 收藏0
JavaScript30秒，從入門(mén)到放棄之Array（二）

摘要：循環(huán)一個(gè)數(shù)組，使用每次去刪除該數(shù)組的第一個(gè)元素直到指定方法運(yùn)算結(jié)果為，返回的是剩余元素組成的數(shù)組。直到循環(huán)退出，返回此時(shí)的。對(duì)應(yīng)就是，包含下界，不包含上屆。秒，從入門(mén)到放棄之二微信公眾號(hào)秒，從入門(mén)到放棄之二 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