Javascript - 从对象中删除未定义的字段

问题描述

是否有一种干净的方法可以从对象中删除未定义的字段?

Is there a clean way to remove undefined fields from an object?

即

> var obj = { a: 1, b: undefined, c: 3 }
> removeUndefined(obj)
{ a: 1, c: 3 }

我遇到了两种解决方案:

I came across two solutions:

_.each(query, function removeUndefined(value, key) {
  if (_.isUndefined(value)) {
    delete query[key];
  }
});

或:

_.omit(obj, _.filter(_.keys(obj), function(key) { return _.isUndefined(obj[key]) }))

推荐答案

使用 ES6 箭头函数和三元运算符的单行:

A one-liner using ES6 arrow function and ternary operator:

Object.keys(obj).forEach(key => obj[key] === undefined ? delete obj[key] : {});

或者使用短路评估而不是三元:(@Matt Langlois，感谢您提供信息！)

Or use short-circuit evaluation instead of ternary: (@Matt Langlois, thanks for the info!)

Object.keys(obj).forEach(key => obj[key] === undefined && delete obj[key])

使用 if 语句的相同示例:

Same example using if statement:

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

如果您还想从嵌套对象中删除项目，您可以使用递归函数:

If you want to remove the items from nested objects as well, you can use a recursive function:

const removeEmpty = (obj) => {
  let newObj = {};
  Object.keys(obj).forEach((key) => {
    if (obj[key] === Object(obj[key])) newObj[key] = removeEmpty(obj[key]);
    else if (obj[key] !== undefined) newObj[key] = obj[key];
  });
  return newObj;
};

这篇关于Javascript - 从对象中删除未定义的字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！