JavaScript Array find() (尋找陣列元素)
陣列 (array) 的 find() 方法用來找出陣列中第一個符合條件的元素。如果找到就回傳該元素的值;如果沒有找到,回傳 undefined。
語法:
var foundElement = arr.find(callback[, thisArg])
- 參數 callback 是一個測試函數,會接收到三個參數:
- currentValue 代表目前處理到的元素的值
- index 代表目前處理到的元素的索引位置
- array 代表陣列本身
- 根據 callback 的執行結果,返回 true 表示找到了;返回 false 則繼續找下一個
- thisArg 代表 callback 裡面的 this 是指向哪一個物件
- find() 執行結果會返回第一個符合條件的元素,或
undefined
用法:
var numbers = [5, 12, 8, 130, 44];
var found = numbers.find(function(element) {
return element > 10;
});
console.log(found); // 12(第一個大於 10 的元素)
尋找物件陣列中的元素:
var users = [
{ id: 1, name: 'Mike' },
{ id: 2, name: 'John' },
{ id: 3, name: 'Amy' }
];
var user = users.find(function(user) {
return user.id === 2;
});
console.log(user); // { id: 2, name: 'John' }
使用箭頭函數 (ES6):
var found = numbers.find(element => element > 10);
find() 是 ES6 新增的方法。如果你只需要知道是否存在,可以改用 includes();如果需要元素的索引位置,可以改用 findIndex()。