如何使用lodash从对象中删除未定义和空值？

我遇到了一个类似的问题，需要从一个对象中（深度）移除undefined，我发现如果你可以将普通对象转换为JSON格式并使用它，那么一个快速而简单的辅助函数看起来会像这样：

function stripUndefined(obj) {
  return JSON.parse(JSON.stringify(obj));
}

如果在转换过程中遇到undefined、函数或符号，则会被省略（当它在对象中时）或被替换为null（当它在数组中时）。更多内容请参见：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#Description。

如果您想专门删除只有undefined，可以使用以下代码：

• a combination of Lodash methods

  _.omitBy(object, _.isUndefined)
  

• the rundef package, which removes only undefined properties

  rundef(object)
  

---

如果你需要递归地删除 undefined 属性，rundef 包还提供了一个 recursive 选项。

rundef(object, false, true);

查看文档以获取更多详细信息。

使用最短的方式（lodash v4）删除所有假值，包括null和undefined：

_.pickBy(my_object)

这里是我会采用的 lodash 方法：

_(my_object)
    .pairs()
    .reject(function(item) {
        return _.isUndefined(item[1]) ||
            _.isNull(item[1]);
    })
    .zipObject()
    .value()

pairs()函数将输入对象转换为键值数组的数组。这样做是为了更容易使用reject()来消除undefined和null值。然后，您将剩下未被拒绝的键值对作为zipObject()的输入，该函数会为您重建对象。

考虑到 undefined == null，我们可以这样写：

let collection = {
  a: undefined,
  b: 2,
  c: 4,
  d: null,
}

console.log(_.omit(collection, it => it == null))
// -> { b: 2, c: 4 }

JSBin example

你也可以使用 Object.entries 和 Array.prototype.filter。

const omitNullish = (object) => 
   Object.fromEntries(
       Object.entries(object).filter(([, value]) => value != null)
   )

omitNullish({ a: null, b: 1, c: undefined, d: false, e: 0 }) // { b: 1, d: false, e: 0}

如果你想使用lodash，他们在v5中正在删除omit功能，因此另一种选择是使用fp/pickBy以及isNil和negate。

import pickBy from 'lodash/fp/pickBy'
import isNil from 'lodash/isNil';
import negate from 'lodash/negate';


const omitNullish = pickBy(negate(isNil))

omitNullish({ a: null, b: 1, c: undefined, d: false, e: 0 }) // { b: 1, d: false, e: 0}

我喜欢使用_.pickBy，因为你可以完全控制你要移除的内容：

var person = {"name":"bill","age":21,"sex":undefined,"height":null};

var cleanPerson = _.pickBy(person, function(value, key) {
  return !(value === undefined || value === null);
});

来源：https://www.codegrepper.com/?search_term=lodash+remove+undefined+values+from+object

如何使用 Lodash 删除 JavaScript 对象中的 undefined 值？

// 例子对象
let obj = {
  'name': 'John',
  'age': 30,
  'city': undefined,
  'country': null
};

// 过滤 undefined 和 null 值
_.pickBy(obj, _.identity);

// 移除 undefined 和 null 值
_.omitBy(obj, _.isNil);

您可以使用 Lodash 来删除 null 和 undefined 对象，但是您需要知道要使用哪种 Lodash 方法。许多开发人员使用 isNil 来删除 Null 和 undefined 对象，但是此函数不会删除空对象 ('')。

您可以使用 isEmpty 来删除 Null、Undefined 和 ''。

import pickBy from 'lodash/fp/pickBy'
import negate from 'lodash/negate';
import isEmpty from 'lodash/isEmpty';

const omitNullish = pickBy(negate(isEmpty));

      addressObject = {
      "a": null,
      "c": undefined,
      "d": "",
      "e": "test1",
      "f": "test2
    }

 const notNullObjects = omitNullish(addressObject);
 
 console.log(notNullObjects); 

你将会得到这个对象: { "e": "test1", "f": "test2 }

pickBy 默认使用 identity：

最初的回答

_.pickBy({ a: null, b: 1, c: undefined, d: false });

使用lodash（或underscore）可以这样做：

var my_object = { a:undefined, b:2, c:4, d:undefined, e:null };

var passedKeys = _.reject(Object.keys(my_object), function(key){ return _.isUndefined(my_object[key]) || _.isNull(my_object[key]) })

newObject = {};
_.each(passedKeys, function(key){
    newObject[key] = my_object[key];
});

否则，使用纯JavaScript，您可以执行以下操作。

var my_object = { a:undefined, b:2, c:4, d:undefined };
var new_object = {};

Object.keys(my_object).forEach(function(key){
    if (typeof my_object[key] != 'undefined' && my_object[key]!=null){
        new_object[key] = my_object[key];
    }
});

不要使用假值测试，因为不仅 "undefined" 或 "null" 将被拒绝，其他假值例如 "false"、"0"、空字符串、{} 也会被拒绝。因此，为了简单易懂，我选择使用上述编码的显式比较。