使用js，将后台返回数据中数据值为空的字段全部替换为“--“

最新推荐文章于 2024-10-18 15:08:01 发布

doit_damao

最新推荐文章于 2024-10-18 15:08:01 发布

阅读量2.9k

点赞数

分类专栏： Js 文章标签：字段为空递归对象数组后台返回的数据

本文链接：https://blog.youkuaiyun.com/qq_42127308/article/details/103069130

版权

Js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于将数据集中的空字段（包括null、空字符串、带空格的字符串及特殊字符‘-’）统一替换为'--'。此函数支持递归处理数组和对象，适用于多种数据结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：将下面数据中的字段为空的值全部替换为"--"

let tempArr = [
  {
    config_type: 1,
    down_num: 0,
    init_date: '2020-07-20',
    roleid: '-',
    rolename: '',
    userid: 'asdfasdfsadfas',
    username: '张三',
    other: null
  },
  {
    config_type: 1,
    down_num: 16,
    init_date: '2020-07-25',
    roleid: '',
    rolename: '',
    userid: 'asdfsadfsd',
    username: '李四',
    other: {
      config_type: 1,
      down_num: 0,
      init_date: '2020-07-26',
      roleid: 'rtytry',
      rolename: '',
      userid: [['', 'ghdgf'], 'sds', ' '], // 此处测试多维数组、带空格的字符串
      username: '刘二'
    }
  },
  {
    config_type: 2,
    down_num: 3,
    init_date: '2020-07-26',
    roleid: 'klkklj',
    rolename: '',
    userid: 'asdfadsf',
    username: '王五',
    other: false,
    getName: function () {
      return this.username
    }
  }
]

解决办法：

/**
 * 数据中有字段为空的处理, 字段为空（null、字符串为空，带空格字符串）都改为'--'
 * @param {*} initialData 数据类型包含基础类型值（布尔型数据保留）、数组、对象
 */
export const formateNullFieldData = initialData => {
  const isEmpty = val => {
    // null、字符串为空（注意存在数值为0时），带空格字符串，后台处理成的'-'
    if (!String(val) || String(val) === 'null' || !String(val).replace(/\s+/g, '') || val === '-') {
      return '--'
    }
    return val
  }

  if (initialData instanceof Array) {
    // 当数据为数组时
    initialData.forEach((val, key, array) => {
      array[key] = formateNullFieldData(val)
    })
  } else if (initialData instanceof Object) {
    // 当数据为对象时
    for (let pro in initialData) {
      initialData[pro] = formateNullFieldData(initialData[pro])
    }
  } else {
    // 当数据为基础类型时
    initialData = isEmpty(initialData)
  }
  return initialData
}