当前位置：首页 > JavaScript

js 实现find

2026-01-31 17:09:40JavaScript

实现 `find` 方法

在 JavaScript 中，find 是数组的一个内置方法，用于查找数组中满足条件的第一个元素。如果找不到符合条件的元素，则返回 undefined。以下是实现自定义 find 方法的几种方式。

使用原生 `Array.prototype.find`

原生 find 方法的使用示例如下：

const array = [1, 2, 3, 4, 5];
const found = array.find(element => element > 3);
console.log(found); // 输出: 4

自定义 `find` 方法

可以通过扩展 Array.prototype 或直接编写函数来实现自定义 find 方法。

js 实现find

方法一：直接实现

function find(array, callback) {
  for (let i = 0; i < array.length; i++) {
    if (callback(array[i], i, array)) {
      return array[i];
    }
  }
  return undefined;
}

const array = [1, 2, 3, 4, 5];
const result = find(array, element => element > 3);
console.log(result); // 输出: 4

方法二：扩展 Array.prototype

js 实现find

Array.prototype.customFind = function(callback) {
  for (let i = 0; i < this.length; i++) {
    if (callback(this[i], i, this)) {
      return this[i];
    }
  }
  return undefined;
};

const array = [1, 2, 3, 4, 5];
const result = array.customFind(element => element > 3);
console.log(result); // 输出: 4

实现细节

参数说明：
- callback：接受三个参数（当前元素、当前索引、原数组），返回布尔值。
- 如果 callback 返回 true，则返回当前元素；否则继续遍历。
返回值：
- 找到符合条件的元素时返回该元素。
- 未找到时返回 undefined。
注意事项：
- 避免修改原数组。
- 确保 callback 是函数类型，否则可能抛出错误。

示例测试

const users = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const user = find(users, user => user.id === 2);
console.log(user); // 输出: { id: 2, name: 'Bob' }

通过以上方法可以实现类似原生 find 的功能，适用于需要自定义查找逻辑的场景。