關於js查找和篩選的幾種方式

find();數組

find() 方法返回經過測試(函數內判斷)的數組的第一個元素的值。函數

find() 方法爲數組中的每一個元素都調用一次函數執行:測試

  • 當數組中的元素在測試條件時返回 true 時, find() 返回符合條件的元素,以後的值不會再調用執行函數。
  • 若是沒有符合條件的元素返回 undefined

注意: find() 對於空數組,函數是不會執行的。this

注意: find() 並無改變數組的原始值。spa

[1,2,3,4,5,6].find((n) => n < 5)
//找出數組中第一個大於5 的成員
// 6
array.find(function(currentValue, index, arr),thisValue)
currentValue : 必需。當前元素
index:可選。當前元素的索引值
arr: 可選。當前元素所屬的數組對象
thisValue: 可選。 傳遞給函數的值通常用 "this" 值。
若是這個參數爲空, "undefined" 會傳遞給 "this" 值

 findIndex();code

findIndex() 方法返回傳入一個測試條件(函數)符合條件的數組第一個元素位置。對象

findIndex() 方法爲數組中的每一個元素都調用一次函數執行:blog

  • 當數組中的元素在測試條件時返回 true 時, findIndex() 返回符合條件的元素的索引位置,以後的值不會再調用執行函數。
  • 若是沒有符合條件的元素返回 -1

注意: findIndex() 對於空數組,函數是不會執行的。索引

注意: findIndex() 並無改變數組的原始值。io

[3,10,18,19].findIndex((n) => n >= 18)
//返回符合條件的值的位置(索引)
// 2
array.findIndex(function(currentValue, index, arr),thisValue)
currentValue : 必需。當前元素
index:可選。當前元素的索引值
arr: 可選。當前元素所屬的數組對象
thisValue: 可選。 傳遞給函數的值通常用 "this" 值。
若是這個參數爲空, "undefined" 會傳遞給 "this" 值
相關文章
相關標籤/搜索