什麼是 find()？

• 如果 map() 是「加工資料」、filter() 是「篩選多筆資料」，那麼 find() 就是「尋找第一筆符合條件的資料」
• 它會從陣列前面開始找，只要找到第一個符合條件的元素，就立刻停止並回傳。
• 如果全部都找不到，就回傳：undefined

基本語法

array.find(function(item, index, array) {
    return 條件;
});

範例

1.找第一個大於 18 歲的人

const ages = [15, 18, 22, 30, 40];
const result = ages.find(function(age) {
  return age > 18;
});
console.log(result); //22

2.找指定名字

const students = ["Amy", "John", "Mary", "Tom"];
const result = students.find(function(name) {
  return name === "Mary";
});
console.log(result); //Mary

3.找物件(Object)

const users = [
    { name: "Amy",score: 90},
    { name: "John",score: 53},
    { name: "Mary",score: 67},
];
const user = users.find(function(item) {
    return item.score >= 60;
});
console.log(user.name); // Amy 

4.找不到資料

const numbers = [10, 20, 30];
const result = numbers.find(function(item) {
    return item > 100;
});
console.log(result); // undefined

filter() 與 find() 比較