Javascript - 从对象中删除未定义的字段[重复]

Question

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

即

> 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]) }))

Answer 1

使用 ES6 箭头函数和三元运算符的单线：

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

或使用 短路 评估而不是三元评估：（@Matt Langlois，感谢您提供信息！）

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

使用 if 语句的相同示例：

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

如果您也想从嵌套对象中删除项目，您可以使用 recursive 函数：

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

Answer 2

我更喜欢使用 Lodash 之类的东西：

import { pickBy, identity } from 'lodash'

const cleanedObject = pickBy(originalObject, identity)

请注意，标识函数只是x => x，对于所有虚假值，其结果将为 false。所以这会删除 undefined, "", 0, null, ...

如果您只想删除 undefined 值，您可以这样做：

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

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

Answer 3

使用 JSON 实用程序

概述

给定一个像这样的对象：

var obj = { a: 1, b: undefined, c: 3 }

要删除对象中的undefined 属性，我们可以使用嵌套的 JSON 方法进行字符串化和解析，如下所示：

JSON.parse(JSON.stringify(obj))

现场示例

var obj = { a: 1, b: undefined, c: 3 }
var output = JSON.parse(JSON.stringify(obj));

console.log(output)

限制和警告

取决于 Javascript 的实现方式。

• undefined 可能会被转换为 null 而不是被删除。
• 嵌套的Object、Array 将转换为字符串
• Date、time 值也转换为字符串

测试

上述代码在 Firefox、Chrome 和 Node 14.18.1 中进行了测试，并从所有 obj 数组中删除了“b”。我仍然建议谨慎使用此方法，除非您处于稳定的环境（例如云​​功能或 docker）中，否则我不会依赖此方法客户端。

Answer 4

因为它似乎没有被提及，所以这是我的首选方法，没有副作用或外部依赖：

const obj = {
  a: 1,
  b: undefined
}

const newObject = Object.keys(obj).reduce((acc, key) => {
  const _acc = acc;
  if (obj[key] !== undefined) _acc[key] = obj[key];
  return _acc;
}, {})

console.log(newObject)
// Object {a: 1}

Answer 5

此解决方案还避免了hasOwnProperty()，因为Object.keys 返回给定对象自己的可枚举属性的数组。

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

您可以将其添加为null 或'' 以进行更严格的清洁。

Answer 6

这是一个简单的 javascript（不需要库）解决方案：

function removeUndefinedProps(obj) {
    for (var prop in obj) {
        if (obj.hasOwnProperty(prop) && obj[prop] === undefined) {
            delete obj[prop];
        }
    }
}

工作演示：http://jsfiddle.net/jfriend00/djj5g5fu/

Answer 7

这个很容易记住，但可能会很慢。使用 jQuery 将非空属性复制到空对象。除非您添加 true 作为第一个参数，否则没有深层复制。

myObj = $.extend({}, myObj);

Answer 8

嗯.. 我想@Damian 要求remove undefined field (property) from an JS object。 然后，我会简单地做：

for (const i in myObj)  
   if (typeof myObj[i] === 'undefined')   
     delete myObj[i]; 

短而有效的解决方案，在（原版）JS 中！ 例子 ：

const myObj = {
  a: 1,
  b: undefined,
  c: null, 
  d: 'hello world'
};

for (const i in myObj)  
  if (typeof myObj[i] === 'undefined')   
    delete myObj[i]; 

console.log(myObj);

Answer 9

另一个 Javascript 解决方案

for(var i=0,keys = Object.keys(obj),len=keys.length;i<len;i++){ 
  if(typeof obj[keys[i]] === 'undefined'){
    delete obj[keys[i]];
  }
}

不需要额外的hasOwnProperty 检查，因为Object.keys 不查找原型链并且只返回obj 的属性。

DEMO

Answer 10

也可以对对象使用 JQuery 过滤器

var newobj = $(obj).filter(function(key) {
    return $(this)[key]!== undefined;
  })[0];

演示here