javascript - 根据值过滤对象属性

Question

是否有一些优雅的方法可以使用 lodash/underscore 从该对象中过滤掉错误的属性？类似于 _.compact(array) 如何从数组中删除虚假元素

所以从

{
  propA: true,
  propB: true,
  propC: false,
  propD: true,
}

回归

{
  propA: true,
  propB: true,
  propD: true,
}

Answer 1

这里有两个普通的 javascript 选项:

A.: 遍历对象的键和 delete 那些具有虚假值(value)的人。

var obj = {
  propA: true,
  propB: true,
  propC: false,
  propD: true,
};

Object.keys(obj).forEach(key => {
  if (!obj[key]) delete obj[key];
});

console.log(obj);

_{参见 Object.<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys" rel="noreferrer noopener nofollow">keys()</a>和 Array.prototype.<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach" rel="noreferrer noopener nofollow">forEach()</a>}

B.:迭代对象的键并将真值添加到新对象。

var obj = {
  propA: true,
  propB: true,
  propC: false,
  propD: true,
};

var filteredObj = Object.keys(obj).reduce((p, c) => {    
  if (obj[c]) p[c] = obj[c];
  return p;
}, {});

console.log(filteredObj);

_{参见 Object.<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys" rel="noreferrer noopener nofollow">keys()</a>和 Array.prototype.<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce" rel="noreferrer noopener nofollow">reduce()</a>}