Typescript 数组查找 - Javascript

在 Typescript 中，数组是一种常用的数据结构。而在实际开发中，我们常常需要查找或过滤数组中的某些元素，以满足业务需求。本文将介绍 Typescript 中数组的查找方法，包括 Array.prototype.find() 和 Array.prototype.filter()。

Array.prototype.find()

Array.prototype.find() 方法用于查找数组中满足指定条件的第一个元素，并返回其值。其语法如下：

arr.find(callback(element[, index[, array]])[, thisArg])

• callback: 用来测试每个元素的函数，接受三个参数:
  • element: 数组中正在处理的当前元素。
  • index(可选): 数组中正在处理的当前元素的索引。
  • array(可选): 调用 find 方法的数组。
• thisArg(可选): 执行回调函数时的 this 值。

下面是一个例子，找出数组中第一个大于等于 10 的元素：

const arr: number[] = [1, 2, 3, 10, 15];

const result = arr.find((value) => value >= 10);

console.log(result); // 输出 10

Array.prototype.filter()

Array.prototype.filter() 方法用于过滤数组中满足指定条件的元素，并返回满足条件的所有元素组成的新数组。其语法如下：

arr.filter(callback(element[, index[, array]])[, thisArg])

• callback: 用来测试每个元素的函数，接受三个参数:
  • element: 数组中正在处理的当前元素。
  • index(可选): 数组中正在处理的当前元素的索引。
  • array(可选): 调用 filter 方法的数组。
• thisArg(可选): 执行回调函数时的 this 值。

下面是一个例子，找出数组中所有大于等于 10 的元素：

const arr: number[] = [1, 2, 3, 10, 15];

const result = arr.filter((value) => value >= 10);

console.log(result); // 输出 [10, 15]

以上就是 Typescript 中数组的查找方法 Array.prototype.find() 和 Array.prototype.filter() 的介绍。在实际开发中，它们是我们很重要的工具，可以帮助我们快速地查找和过滤数组中的元素。