當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JavaScript Array find()用法及代碼示例

在本教程中,我們將借助示例了解 JavaScript Array find() 方法。

find() 方法返回滿足提供的測試函數的第一個數組元素的值。

示例

let numbers = [1, 3, 4, 9, 8];

// function to check even number
function isEven(element) {
  return element % 2 == 0;
}

// get the first even number
let evenNumber = numbers.find(isEven);
console.log(evenNumber);

// Output: 4

find() 語法

用法:

arr.find(callback(element, index, arr),thisArg)

這裏,arr 是一個數組。

參數:

find() 方法包含:

  • callback- 對數組的每個元素執行的函數。它包含:
    • element - 數組的當前元素。
  • thisArg(可選)- 在 callback 中用作 this 的對象。

返回:

  • 返回價值第一個元素在滿足給定函數的數組中。
  • 如果沒有元素滿足函數,則返回 undefined

示例 1:使用 find() 方法

function isEven(element) {
  return element % 2 == 0;
}

let randomArray = [1, 45, 8, 98, 7];

let firstEven = randomArray.find(isEven);
console.log(firstEven); // 8

// using arrow operator
let firstOdd = randomArray.find((element) => element % 2 == 1);
console.log(firstOdd); // 1

輸出

8
1

示例 2:find() 與對象元素

const team = [
  { name: "Bill", age: 10 },
  { name: "Linus", age: 15 },
  { name: "Alan", age: 20 },
  { name: "Steve", age: 34 },
];

function isAdult(member) {
  return member.age >= 18;
}

console.log(team.find(isAdult)); // { name: 'Alan', age: 20 }

// using arrow function and deconstructing
let adultMember = team.find(({ age }) => age >= 18);

console.log(adultMember); // { name: 'Alan', age: 20 }

輸出

{ name: 'Alan', age: 20 }
{ name: 'Alan', age: 20 }

相關用法


注:本文由純淨天空篩選整理自 JavaScript Array find()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。