从数组中删除空对象，然后如果结果数组为空，则从父对象中删除

Question

正如标题所述，我试图从本质上清理一个对象，以准备将其发布到 API。

API 端点不允许使用空数组。

所以假设我有一个看起来像这样的 POST 对象 -

{
  "Addresses": [
    {}
  ],
  "Phones": [
    {}
  ],
  "FirstName": "Foo",
  "LastName": "Bar",
  "EmailAddress": "foobar@internet.com",
  "Name": "FooBar"
}

我相信我使用这样的东西从数组中清除空对象 -

  var addrArr = input.Addresses;
  var phoneArr = input.Phones;
  
    var newAddrArray = addrArr.filter(value => Object.keys(value).length !== 0);
    var newPhoneArray = phoneArr.filter(value => Object.keys(value).length !== 0);

  
  return {
Addresses : newAddrArray,
Phones: newPhoneArray
}

这将从数组中删除空对象。 但是，这会留下两个空数组。 我的想法是最好清除空对象，然后确定这些数组是否为空，如果是，（在我需要帮助的地方）将它们从父对象中删除。

非常感谢有关如何处理此问题或如何更有效地执行此操作的任何帮助。

Answer 1

为了使其通用（对于任意嵌套数据结构），您可以使用递归解决方案，以便在清除空对象后有一些级联效果，使包装对象为空等。

假设您还想删除undefined作为值，然后为任何非原始且没有键的内容返回undefined ，并让调用者删除接收undefined值的键。

代码：

 function clean(obj) { if (Object(obj) !== obj) return obj; // primitives are kept obj = Array.isArray(obj) ? obj.map(clean).filter(v => v !== undefined) : Object.fromEntries( Object.entries(obj).map(([k, v]) => [k, clean(v)]) .filter(([_, v]) => v !== undefined) ); return Object.keys(obj).length ? obj : undefined; } // Demo let input = { "Addresses": [{}], "Phones": [{}], "FirstName": "Foo", "LastName": "Bar", "EmailAddress": "foobar@internet.com", "Name": "FooBar" }; console.log(clean(input));

Answer 2

以下是您所要求的吗？

const addrArr = input.addrArr;
const phoneArr = input.phoneArr;
  
const newAddrArray = addrArr.filter(value => Object.keys(value).length !== 0);
const newPhoneArray = phoneArr.filter(value => Object.keys(value).length !== 0);

const r = {};
if (newAddrArray.length > 0) r.Addresses = newAddrArray;
if (newPhoneArray.length > 0) r.Phones = newPhoneArray;

return r;

Answer 3

API 不支持空数组似乎很奇怪。 无论如何，这绝对可以解决。

const payload = {
  "Addresses": [
    {}
  ],
  "Phones": [
    {}
  ],
  "FirstName": "Foo",
  "LastName": "Bar",
  "EmailAddress": "foobar@internet.com",
  "Name": "FooBar"
};

let cleanedPayload = {
  "FirstName": payload.FirstName,
  "LastName": payload.LastName,
  "EmailAddress": "foobar@internet.com",
  "Name": "FooBar"
};

const isNotEmpty = obj => Object.keys(obj).length !== 0;

const hasPhoneNumbers = payload.Phones.filter(isNotEmpty).length > 0;
const hasAddresses = payload.Addresses.filter(isNotEmpty).length > 0;

if(hasPhoneNumbers) {
  cleanedPayload.Phones = payload.Phones;
}
if(hasAddresses) {
  cleanedPayload.Addresses = payload.Addresses;
}

// pseduo-code
api.post('/my/url', cleanedPayload);

为了帮助清理此代码，您可以使用像https://ramdajs.com/或https://lodash.com/这样的库，但绝对没有必要。