搜尋框,輸入關鍵字過濾物件陣列

2021-09-24 08:21:36 字數 990 閱讀 5290

陣列過濾的方法最常用的就是filter,那首先先說一下filter

語法:arr.filter((item,index,arr) => );

作用:遍歷陣列arr,返回滿足條件的所有制,放到乙個新的陣列中

引數:item 陣列的每一項,index 索引下標,arr陣列自身(基本不用)

返回值:滿足條件後的乙個新的陣列

let arr = [1,2,6,8,3,2]

let arrf = arr.filter((v) => )

console.log(arrf) // [6,8]

// 簡寫:

let arrf1 = arr.filter(v => v > 3)

console.log(arrf1) // [6,8]複製**

這裡說一下簡寫規則:如果箭頭函式的引數只有乙個的話,引數外面的小括號可以省略,如果函式函式的{}內只有一行**的話不僅可以省略大括號,而且return也可以省略

好的既然了解了filter我們開始進入正題,如果乙個陣列裡包含物件,如何根據物件裡面的乙個屬性去過濾出來呢

let arr = [,,

,]/*** arr: 物件陣列

* filter: 過濾字段

* keyword: 輸入的字元

*/function queryarrbytype(arr, filter, keyword)

}return

false

})}let arrfilter1 = queryarrbytype(arr, ['name','id'], 'zhao')

console.log(arrfilter1) //

let arrfilter2 = queryarrbytype(arr, ['name','province'], '上')

console.log(arrfilter2) //

// 其它的大家自己測試複製**

MVC過濾整個專案輸入關鍵字

第1步驟.新建過濾關鍵字實現類 processrequest using system using system.collections.generic using system.linq using system.text using system.threading using system.w...

文字框輸入關鍵字自動提示相近資訊

color darkblue b jquery如下 b color branch autocomplete root transfer autogetinfo.action 往後臺傳遞非當前文字框的其他引數需要這樣處理,例如我要向後台傳遞name為provcd的引數,province為某個文字框的i...

超能搜尋系統輸入關鍵字 電商後台設計 搜尋

但是無論前台頁面樣式如何改變,系統內部的搜尋邏輯其實都是同一套,今天我們就來看看電商平台的搜尋原理以及常見的搜尋功能要點。如果按照內部邏輯劃分,電商系統中的查詢通常有兩類 特定維度查詢和關鍵字查詢。特定維度僅可查詢由系統指定的部分可屬性,如品類 品牌 性別 材質等,並且使用者無法輸入查詢值,僅能選擇...