如何为数组数据中的空值或Null设置默认值为“-”

可以通过遍历数组中的每个对象，逐个检查属性值，将null、字符串类型的"null"以及空白字符串替换为"-"。以下是具体实现代码：

// 处理API返回的数据
this.Details = response.map(item => {
  // 遍历对象的每个键值对
  return Object.fromEntries(
    Object.entries(item).map(([key, value]) => {
      // 判断需要替换的情况：null值、字符串"null"、空白字符串
      const shouldReplace = value === null 
        || value === "null" 
        || (typeof value === "string" && value.trim() === "");
      return [key, shouldReplace ? "-" : value];
    })
  );
});

代码说明 #

• 使用Array.map()遍历数组中的每一条数据
• 通过Object.entries()将对象转换为键值对数组，方便遍历每个属性
• 对每个属性值进行判断：
  • 如果值是null
  • 或者值是字符串类型的"null"
  • 或者是空白字符串（去除首尾空格后为空）
  • 满足以上任一条件就替换为"-"，否则保留原数值
• 最后用Object.fromEntries()将处理后的键值对数组转回对象

处理后的数据示例 #

处理完成后，this.Details的数据会变成：

[
    {
        "Id": 111,
        "Name": "Test 1",
        "Email": "email1@domain.net",
    },
    {
        "Id": 133,
        "Name": "Test 2",
        "Email": "-",
    },
    {
        "Id": 133,
        "Name": "-",
        "Email": "email2@domain.net",
    }
]

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