如何在不修改原生原型的情况下过滤 JavaScript 对象？

使用原型扩展在 JavaScript 中进行对象过滤

ECMAScript 5 引入了针对数组类型的 filter() 方法，但没有针对对象类型。这就提出了如何在 JavaScript 中为对象实现 filter() 方法的问题。

自定义对象过滤器实现

一种方法是扩展 Object.prototype自定义 filter() 方法：

Object.prototype.filter = function (predicate) {
    var result = {};

    for (var key in this) {
        if (this.hasOwnProperty(key) && !predicate(this[key])) {
            result[key] = this[key];
        }
    }

    return result;
};

此实现使用循环来迭代对象自己的属性并检查是否谓词函数为每个值返回 true 或 false。如果为 false，键值对将添加到结果对象中。

但是，扩展原生 Object.prototype 被认为是不好的做法，因为它可能会导致与其他库或代码发生冲突。

替代方法

除了扩展 Object.prototype 之外，还有几种替代方法来过滤对象JavaScript:

• 使用reduce和Object.keys:

Object.filter = (obj, predicate) =>
    Object.keys(obj)
        .filter((key) => predicate(obj[key]))
        .reduce((res, key) => (res[key] = obj[key], res), {});

• 使用map和spread语法:

Object.filter = (obj, predicate) => {
    const filteredValues = Object.keys(obj).map((key) => {
        if (predicate(obj[key])) {
            return [key, obj[key]];
        }
    }).filter(Boolean);

    return Object.fromEntries(filteredValues);
};

• 使用 Object.entries 和 Object.fromEntries:

Object.filter = (obj, predicate) => {
    const filteredEntries = Object.entries(obj).filter(
        ([key, value]) => predicate(value)
    );

    return Object.fromEntries(filteredEntries);
};

例子用法

让我们使用以下替代方法之一来过滤对象：

const scores = { John: 2, Sarah: 3, Janet: 1 };

// Using the `reduce` and `Object.keys` approach:
const filteredScores = Object.filter(scores, (score) => score > 1);

console.log(filteredScores); // { Sarah: 3 }

通过使用这些替代方法，您可以在 JavaScript 中过滤对象，而无需扩展本机原型。

以上是如何在不修改原生原型的情况下过滤 JavaScript 对象？的详细内容。更多信息请关注PHP中文网其他相关文章！