JavaScript: filter()用于对象

首先，扩展Object.prototype被认为是不好的做法。相反，将你的特性作为独立的函数提供，或者如果你真的想扩展一个全局函数，将它作为Object上的实用函数提供，就像已经有Object一样。钥匙,对象。分配对象。是,等。

我在这里提供几个解决方案:

使用reduce和object .key 如(1)，结合Object.assign 使用map和spread语法代替reduce 使用对象。entry和Object.fromEntries

1. 使用reduce和object .key

用reduce和Object。键来实现所需的过滤器(使用ES6箭头语法):

对象。Filter = (obj, predicate) => 种(obj) .filter(key => predicate(obj[key])) .reduce ((res,关键)= > (res(例子)= obj(例子),res), {}); //示例: Var分数= { 约翰:2，萨拉:3，珍妮特:1 }; var filtered =对象。Filter (scores, score => score > 1); console.log(过滤);

注意，在上面的代码中，谓词必须是一个包含条件(与OP使用的排除条件相反)，以便与Array.prototype.filter的工作方式一致。

2. 如(1)，结合Object.assign

在上面的解决方案中，逗号操作符用于reduce部分以返回变化后的res对象。这当然可以写成两个语句而不是一个表达式，但后者更简洁。如果不使用逗号操作符，可以使用Object。而是赋值，这将返回突变的对象:

对象。Filter = (obj, predicate) => 种(obj) .filter(key => predicate(obj[key])) .reduce((res, key) =>对象。赋值(res， {[key]: obj[key]})， {}); //示例: Var分数= { 约翰:2，萨拉:3，珍妮特:1 }; var filtered =对象。Filter (scores, score => score > 1); console.log(过滤);

3.使用map和spread语法代替reduce

这里我们移动对象。将赋值调用移出循环，因此只执行一次，并将各个键作为单独的参数传递给它(使用spread语法):

对象。Filter = (obj, predicate) => Object.assign(…种(obj) .filter(key => predicate(obj[key])) .map(key => ({[key]: obj[key]}))); //示例: Var分数= { 约翰:2，萨拉:3，珍妮特:1 }; var filtered =对象。Filter (scores, score => score > 1); console.log(过滤);

4. 使用对象。entry和Object.fromEntries

由于解决方案将对象转换为中间数组，然后将其转换回普通对象，因此使用object会很有用。entry (ES2017)和object . fromentries (ES2019)的相反(即从键/值对数组创建对象)。

它导致Object上的“一行”方法:

对象。Filter = (obj, predicate) => Object.fromEntries (Object.entries (obj) .filter(谓词)); //示例: Var分数= { 约翰:2，萨拉:3，珍妮特:1 }; var filtered =对象。Filter (scores， ([name, score]) => score > 1); console.log(过滤);

断言函数在这里获得一个键/值对作为参数，这有点不同，但在断言函数的逻辑中允许更多的可能性。

2016-06-03 13:46:31

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

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

如果您希望改变相同的对象，而不是创建一个新的对象。

下面的例子将删除所有0或空值:

const sev = { a: 1, b: 0, c: 3 };
const deleteKeysBy = (obj, predicate) =>
  Object.keys(obj)
    .forEach( (key) => {
      if (predicate(obj[key])) {
        delete(obj[key]);
      }
    });

deleteKeysBy(sev, val => !val);

2019-10-07 12:41:29

普通 ES6：

var foo = {
    bar: "Yes"
};

const res = Object.keys(foo).filter(i => foo[i] === 'Yes')

console.log(res)
// ["bar"]

2020-11-07 13:03:17