当前位置：首页 > JavaScript

js 实现.find

2026-04-06 23:08:27JavaScript

实现数组的 `.find` 方法

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

使用原生 `.find` 方法

现代 JavaScript 已经内置了 .find 方法，可以直接使用：

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

手动实现 `.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 found = find(array, element => element > 3);
console.log(found); // 输出: 4

为数组原型添加 `.find` 方法

如果需要在旧环境中模拟 .find 方法，可以将其添加到 Array.prototype：

if (!Array.prototype.find) {
    Array.prototype.find = 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 found = array.find(element => element > 3);
console.log(found); // 输出: 4

实现对象的 `.find` 方法

如果需要为对象实现类似的查找功能，可以手动实现：

js 实现.find

function findObject(obj, callback) {
    for (const key in obj) {
        if (callback(obj[key], key, obj)) {
            return obj[key];
        }
    }
    return undefined;
}

// 示例用法
const obj = { a: 1, b: 2, c: 3 };
const found = findObject(obj, value => value > 1);
console.log(found); // 输出: 2