如何有效地从 JavaScript 对象中删除 null 和未定义的属性？

从 JavaScript 对象中删除空白属性

处理数据对象时，通常需要删除未定义或设置为 null 的属性。本文使用各种 JavaScript 版本和技术提供了此问题的解决方案。

ES10/ES2019 解决方案

带有 Object.fromEntries 的单行

let o = Object.fromEntries(Object.entries(obj).filter(([_, v]) => v != null));

使用对象的函数。 fromEntries 和递归

function removeEmpty(obj) {
  return Object.fromEntries(
    Object.entries(obj)
      .filter(([_, v]) => v != null)
      .map(([k, v]) => [k, v === Object(v) ? removeEmpty(v) : v])
  );
}

ES6/ES2015解决方案

带变异的单行

Object.keys(obj).forEach((k) => obj[k] == null && delete obj[k]);

无变异的单声明

let o = Object.keys(obj)
  .filter((k) => obj[k] != null)
  .reduce((a, k) => ({ ...a, [k]: obj[k] }), {});

带递归的函数

function removeEmpty(obj) {
  return Object.entries(obj)
    .filter(([_, v]) => v != null)
    .reduce((acc, [k, v]) => ({ ...acc, [k]: v === Object(v) ? removeEmpty(v) : v }), {});
}

ES5/ES2009 解决方案

非递归函数式风格

function removeEmpty(obj) {
  return Object.keys(obj)
    .filter(function (k) {
      return obj[k] != null;
    })
    .reduce(function (acc, k) {
      acc[k] = obj[k];
      return acc;
    }, {});
}

非递归命令式

function removeEmpty(obj) {
  const newObj = {};
  Object.keys(obj).forEach(function (k) {
    if (obj[k] && typeof obj[k] === "object") {
      newObj[k] = removeEmpty(obj[k]);
    } else if (obj[k] != null) {
      newObj[k] = obj[k];
    }
  });
  return newObj;
}

递归函数式

function removeEmpty(obj) {
  return Object.keys(obj)
    .filter(function (k) {
      return obj[k] != null;
    })
    .reduce(function (acc, k) {
      acc[k] = typeof obj[k] === "object" ? removeEmpty(obj[k]) : obj[k];
      return acc;
    }, {});
}

以上是如何有效地从 JavaScript 对象中删除 null 和未定义的属性？的详细内容。更多信息请关注PHP中文网其他相关文章！