js filter 用法

forrest23 發布于2019-08-19 18:21 / 2690人閱讀

filter方法

該filter()方法創建一個新的匹配過濾條件的數組。

filter中具體參數

通過例子說明是最簡明的

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

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

filter默認回調函數中有參數 item, index, items

自定義重新過濾

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

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

該方法是過濾鍵為name的值是否含有字符串"te"的item, 改te可變

如果對es6不熟悉，過濾函數其實就是

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

其中最后一個函數就是filter的默認回調函數，你可以打印它的另外兩個參數

云服務器 GPU云服務器 js $用法 js用法 js的取反用法 js數組splice用法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79501.html

js數組方法forEach、map、filter、reduce、every、some總結

摘要：不會改變原數組，它返回過濾后的新數組。打印到控制臺成功的收集到里面錯誤的收集到里面。語法參數回調當前的當前的索引值這個數組對象回調的指向用法場景這個一般就用在，判斷數組的每個元素是否符合條件。首先是函數概述：map():返回一個新的Array，每個元素為調用func的結果 filter():返回一個符合func條件的元素數組 some():返回一個boolean，判斷是否有元素是否符...

CocoaChina 2019-08-26 12:11 評論0 收藏0
Vue.nextTick，Vue.set，Vue.delete，Vue.filter學習

摘要：用法在下次更新循環結束之后執行延遲回調。只要觀察到數據變化，將開啟一個隊列，并緩沖在同一事件循環中發生的所有的數據改變。如果對象是響應式的，確保刪除能觸發更新視圖。 Vue.nextTick([callback,context]) 參數：{Function}[callback]。{Object}[context]。用法：在下次DOM更新循環結束之后執行延遲回調。在修改數據之后立即使用這...

junnplus 2019-08-23 13:54 評論0 收藏0
AngularJs功能（五）--過濾器

摘要：過濾器過濾器正如其名，作用就是接收一個輸入，通過某個規則進行處理，然后返回處理后的結果。表單的控制功能主要涉及到數據驗證以及表單控件的增強。格式化數字過濾器可以為一個數字加上千位分割，像這樣，。過濾器 Filter 過濾器（filter）正如其名，作用就是接收一個輸入，通過某個規則進行處理，然后返回處理后的結果。主要用在數據的格式化上。過濾器通常是伴隨標記來使用的，將你model中...

leon 2019-08-22 13:58 評論0 收藏0
jS:關于對象遍歷和數組遍歷的那些事

摘要：如圖遍歷數組遍歷數組元素并以某種方式處理每個元素是一個常見的操作。如圖不過，里的功能比較強大，可以遍歷而且返回值是的則被省略掉總結遍歷對象，遍歷出來的是鍵名，而不是鍵值，參數必須是對象。可能是由于職業的關系，下班之后完全不想Open PC，但很多知識點有必要自己做個小小總結。本人之前對原生Array和Object完全沒概念。遍歷對象的方法： Object.keys(Object)...

qingshanli1988 2019-08-20 18:16 評論0 收藏0
Vue學習筆記（一）

摘要：一介紹也稱為，讀音類似，錯誤讀音，由華人尤雨溪開源并維護。隱藏四事件之前說了一些關于事件的指令，這里詳細學習一下事件的相關知識。還有一些其他鍵盤事件，具體參考官方文檔。模板就是，用來進行數據綁定，顯示在頁面中，也稱為語法。一、Vue.js介紹 Vue.js也稱為Vue，讀音類似view，錯誤讀音v-u-e，由華人尤雨溪開源并維護。 Vue有以下特點：是一個構建用戶界面的框架是一...

baoxl 2019-08-30 13:47 評論0 收藏0