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

find()方法在 TypeScript 中搜索第一個元素數組，滿足條件測試函數。如果數組中沒有元素滿足條件，則該方法返回不明確的.

用法:

array.find(
  callbackFn: (element: T, index?: number, array?: T[]) => boolean,
  thisArg?: any
): T | undefined;

參數：

• callbackFn: 這是find()方法的核心。這是一個為數組中的每個元素調用的函數。您可以在此函數中定義要搜索的特定條件。
• thisArg (optional):此參數允許您指定調用回調Fn 時在此上下文中使用的自定義值。

返回值：

• find()方法返回數組中使callbackFn返回true的第一個元素。其類型與數組類型(T)相同。如果沒有元素滿足條件，它將返回未定義。

TypeScript中的find()方法示例

以下是 TypeScript find() 方法的一些示例。我們可以對整數和字符串使用 find 函數。

示例 1：下麵的代碼實現了 find() 方法來查找 TypeScript 中數組包含的偶數元素。

const marks: number[] = 
[99, 94, 95, 98, 92];

const firstEvenMark: number | undefined = 
marks.find((mark) => {
    // Check if the current mark is even
    return mark % 2 === 0;
});

console.log(firstEvenMark);

輸出：

94

示例 2：以下代碼查找數組中員工人數超過 30 人的公司。我們使用了TypeScript數組按id查找方法在這裏。

interface Company {
  name: string;
  desc: string;
  workForce: number;
}

const companies: Company[] = [
  { name: "GeeksforGeeks", desc: "A Computer Science Portal.", workForce: 200 },
  { name: "Company 2", desc: "Description 1", workForce: 30 },
  { name: "Company 3", desc: "Description 2", workForce: 10 },
];

const matchedCompany = companies.find(company => company.workForce > 30);

console.log(matchedCompany);

輸出：

{
  "name": "GeeksforGeeks",
  "desc": "A Computer Science Portal.",
  "workForce": 200
} 

使用 TypeScript 釋放 JavaScript 的全部潛力。我們的beginner-friendlyTypeScript教程指導您完成基礎知識並為您的高級開發做好準備。