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

2022-08-30 02:25:50

有没有一种干净的方法来从对象中删除未定义的字段?

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

我遇到了两种解决方案:

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

艺术

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

答案 1

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

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

或者使用短路评估而不是三元:(@Matt朗格卢瓦,谢谢你的信息!

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

使用 if 语句的相同示例:

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

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

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;
};

答案 2

我更喜欢使用像Lodash这样的东西:

import { pickBy, identity } from 'lodash'

const cleanedObject = pickBy(originalObject, identity)

请注意,恒等函数是公正的,对于所有 falsy 值,其结果将为 false。因此,这将删除未定义的“”,0,null,...x => x

如果您只想删除这些值,则可以执行以下操作:undefined

const cleanedObject = pickBy(originalObject, v => v !== undefined)

它为您提供了一个新对象,这通常比像其他一些答案所暗示的那样改变原始对象更可取。