代码语言: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: '-' }