JavaScript: filter()用于对象

ECMAScript 5有数组类型的filter()原型，但没有对象类型，如果我理解正确的话。

我如何在JavaScript中实现对象的过滤器()?

假设我有这个对象:

var foo = {
    bar: "Yes"
};

我想写一个过滤器()，工作在对象:

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

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

    return result;
};

当我在下面的演示中使用它时，这是有效的，但是当我将它添加到使用jQuery 1.5和jQuery UI 1.8.9的站点时，我在FireBug中得到JavaScript错误。

Object.prototype.filter = function(predicate) { var result = {}; for (key in this) { if (this.hasOwnProperty(key) && !predicate(this[key])) { console.log("copying"); result[key] = this[key]; } } return result; }; var foo = { bar: "Yes", moo: undefined }; foo = foo.filter(function(property) { return typeof property === "undefined"; }); document.getElementById('disp').innerHTML = JSON.stringify(foo, undefined, ' '); console.log(foo); #disp { white-space: pre; font-family: monospace } <div id="disp"></div>

当前回答

从2020年开始，香草JS解决方案。

let romNumbers={'I':1,'V':5,'X':10,'L':50,'C':100,'D':500,'M':1000}

你可以通过键来过滤romNumbers对象:

const filteredByKey = Object.fromEntries(
    Object.entries(romNumbers).filter(([key, value]) => key === 'I') )
// filteredByKey = {I: 1}

或者根据值过滤romNumbers对象:

 const filteredByValue = Object.fromEntries(
    Object.entries(romNumbers).filter(([key, value]) => value === 5) )
 // filteredByValue = {V: 5}

2020-06-16 04:04:11

其他回答

我只是想添加我这样做的方式，因为它节省了我创建额外的函数，我认为更干净，我没有看到这个答案:

let object = {a: 1, b: 2, c: 3};
[object].map(({a,c}) => ({a,c}))[0]; // {a:1, c:2}

最酷的是，它也适用于对象数组:

let object2 = {a: 4, b: 5, c: 6, d: 7};
[object, object2].map(({a,b,c,d}) => ({a,c})); //[{"a":1,"c":3},{"a":4,"c":6}]
[object, object2].map(({a,d}) => ({a,d})); //[{"a":1,"d":undefined},{"a":4,"d":7}]

2023-01-27 15:02:23

如果你不需要原始对象，这是一个简单的，非常无聊的答案，不浪费内存:

const obj = {'a': 'want this', 'b': 'want this too', 'x': 'remove this'}
const keep = new Set(['a', 'b', 'c'])

function filterObject(obj, keep) {
  Object.keys(obj).forEach(key => {
    if (!keep.has(key)) {
      delete obj[key]
    }
  })
}

如果只过滤少量对象，并且对象没有很多键，则可能不想构造Set，在这种情况下使用数组。Includes而不是set.has。

2021-10-29 10:20:58

正如patrick已经说过的，这是一个坏主意，因为它几乎肯定会破坏任何第三方代码，你可能希望使用。

所有的库，如jquery或prototype将中断如果你扩展Object。原型，原因是在对象上的惰性迭代(没有hasOwnProperty检查)将打破，因为你添加的函数将是迭代的一部分。

2011-02-21 22:47:34

    var foo = {
    bar: "Yes",
    pipe: "No"
};

const ret =  Object.entries(foo).filter(([key, value])=> value === 'Yes');

https://masteringjs.io/tutorials/fundamentals/filter-object

2022-03-28 01:19:09

鉴于

object = {firstname: 'abd', lastname:'tm', age:16, school:'insat'};

keys = ['firstname', 'age'];

然后:

keys.reduce((result, key) => ({ ...result, [key]: object[key] }), {});
// {firstname:'abd', age: 16}

/ /帮助函数过滤器(对象，…键){ 返回键。Reduce ((result, key) =>({…结果，[key]:对象[key]})， {}); }; / /实例 Const person ={名:' abd'，姓:'tm'，年龄:16岁，学校:'insat'}; //期望只选择名字和年龄键 console.log ( Filter (person， 'firstname'， 'age') ）

2016-11-12 11:17:29

JavaScript: filter()用于对象

推荐文章

最新文章

标签