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教程指导您完成基础知识并为您的高级开发做好准备。