如何处理对象数组：移除空value对象并格式化value字段

你可以通过JavaScript的数组方法组合来实现需求，核心思路是先过滤掉不符合条件的元素，再对剩余元素的value做格式转换：

处理规则拆解 #

• 过滤移除：如果对象的value是空字符串或空白字符串（trim后为空），直接从数组中移除该对象；
• 数组类型value：取数组的第一个元素作为新的value；
• 对象类型value：仅保留label字段（如果存在），若没有label则保留name字段；
• 其他类型value：保持原数值不变。

代码实现 #

const rawAttributes = [
  { "name": "certificate", "value": "", "attributeDefinition": { "type": { "name": "text", "__typename": "TextAttributeDefinitionType" }, "label": "Certificate", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" },
  { "name": "manufacturer", "value": "China Mint", "attributeDefinition": { "type": { "name": "text", "__typename": "TextAttributeDefinitionType" }, "label": "Manufacturer", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" },
  { "name": "countryOfOrigin", "value": "China", "attributeDefinition": { "type": { "name": "text", "__typename": "TextAttributeDefinitionType" }, "label": "Country of origin", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" },
  { "name": "grossWeight", "value": 30, "attributeDefinition": { "type": { "name": "number", "__typename": "NumberAttributeDefinitionType" }, "label": "Gross weight", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" },
  { "name": "yearsOfIssue", "value": [ "2017" ], "attributeDefinition": { "type": { "name": "set", "__typename": "SetAttributeDefinitionType" }, "label": "Year(s) of issue", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" },
  { "name": "fineWeightUnit", "value": { "key": "g", "label": "g" }, "attributeDefinition": { "type": { "name": "enum", "__typename": "EnumAttributeDefinitionType" }, "label": "Fine weight unit", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" },
  { "name": "packaging", "value": " ", "attributeDefinition": { "type": { "name": "text", "__typename": "TextAttributeDefinitionType" }, "label": "Packaging", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" },
  { "name": "preciousMetal", "value": { "key": "gold", "label": "Gold" }, "attributeDefinition": { "type": { "name": "enum", "__typename": "EnumAttributeDefinitionType" }, "label": "Precious metal", "__typename": "AttributeDefinition" }, "__typename": "RawProductAttribute" }
];

const processedAttributes = rawAttributes
  .filter(item => {
    // 过滤空/空白字符串的value
    if (typeof item.value === 'string') {
      return item.value.trim() !== '';
    }
    // 非字符串类型的value都保留（比如数字、数组、对象）
    return true;
  })
  .map(item => {
    let processedValue = item.value;
    // 处理数组类型的value
    if (Array.isArray(processedValue)) {
      processedValue = processedValue[0];
    }
    // 处理对象类型的value
    else if (typeof processedValue === 'object' && processedValue !== null) {
      const newValue = {};
      if ('label' in processedValue) {
        newValue.label = processedValue.label;
      } else if ('name' in processedValue) {
        newValue.name = processedValue.name;
      }
      processedValue = newValue;
    }
    // 返回新对象，避免修改原数组
    return { ...item, value: processedValue };
  });

console.log(JSON.stringify(processedAttributes, null, 2));

输出结果 #

运行上述代码后，得到的结果和你期望的完全一致：

[
  {
    "name": "manufacturer",
    "value": "China Mint",
    "attributeDefinition": {
      "type": {
        "name": "text",
        "__typename": "TextAttributeDefinitionType"
      },
      "label": "Manufacturer",
      "__typename": "AttributeDefinition"
    },
    "__typename": "RawProductAttribute"
  },
  {
    "name": "countryOfOrigin",
    "value": "China",
    "attributeDefinition": {
      "type": {
        "name": "text",
        "__typename": "TextAttributeDefinitionType"
      },
      "label": "Country of origin",
      "__typename": "AttributeDefinition"
    },
    "__typename": "RawProductAttribute"
  },
  {
    "name": "grossWeight",
    "value": 30,
    "attributeDefinition": {
      "type": {
        "name": "number",
        "__typename": "NumberAttributeDefinitionType"
      },
      "label": "Gross weight",
      "__typename": "AttributeDefinition"
    },
    "__typename": "RawProductAttribute"
  },
  {
    "name": "yearsOfIssue",
    "value": "2017",
    "attributeDefinition": {
      "type": {
        "name": "set",
        "__typename": "SetAttributeDefinitionType"
      },
      "label": "Year(s) of issue",
      "__typename": "AttributeDefinition"
    },
    "__typename": "RawProductAttribute"
  },
  {
    "name": "fineWeightUnit",
    "value": {
      "label": "g"
    },
    "attributeDefinition": {
      "type": {
        "name": "enum",
        "__typename": "EnumAttributeDefinitionType"
      },
      "label": "Fine weight unit",
      "__typename": "AttributeDefinition"
    },
    "__typename": "RawProductAttribute"
  },
  {
    "name": "preciousMetal",
    "value": {
      "label": "Gold"
    },
    "attributeDefinition": {
      "type": {
        "name": "enum",
        "__typename": "EnumAttributeDefinitionType"
      },
      "label": "Precious metal",
      "__typename": "AttributeDefinition"
    },
    "__typename": "RawProductAttribute"
  }
]

内容的提问来源于stack exchange，提问作者nauk