将数组中空值字段赋默认值!

2023-07-24 16:48:07 浏览数 (1)

代码语言:javascript复制
export const replaceEmptyData = (obj, defaultValue = '-') =>
  Array.isArray(obj)
    ? obj.map(item => replaceEmptyData(item, defaultValue))
    : Object.fromEntries(
        Object.entries(obj).map(([key, value]) => [key, !value ? defaultValue : value])
      );

在上面代码中,首先判断传入的对象是否为数组,如果是数组则对其进行map()操作,否则将其转换成键值对数组并调用 Object.fromEntries() 方法生成一个新的对象。

实现思路

如果传入的对象为数组,则先使用map()方法对其进行遍历,然后对每个元素调用 replaceEmptyWithDefault() 函数进行处理,并将处理结果作为新数组返回。 如果传入的对象不是数组,则使用Object.entries()方法将对象转换成键值对数组,然后使用map()方法对每个键值对进行遍历。对于每个键值对,我们使用解构赋值将其拆分成键 key 和值 value,然后使用空值合并运算符 ?? 将空值替换为默认值 defaultValue。 最终,我们使用Object.fromEntries()方法将所有键值对结合成一个新的对象并返回。

使用上面这个函数,就可以很方便地处理数组和对象中的空值。如下:

代码语言:javascript复制
import { replaceEmptyWithDefault } from './path/to/your/module';

const arr = [
  { name: 'Alice', age: 18 },
  { name: 'Bob', age: null },
  { name: 'Charlie', age: undefined }
];

const obj = {
  name: 'Alice',
  age: null,
  gender: ''
};

const result1 = replaceEmptyWithDefault(arr, '-');
const result2 = replaceEmptyWithDefault(obj, '-');

console.log(result1);
// Output:
// [
//   { name: 'Alice', age: 18 },
//   { name: 'Bob', age: '-' },
//   { name: 'Charlie', age: '-' }
// ]

console.log(result2);
// Output:
// { name: 'Alice', age: '-', gender: '-' }

0 人点赞