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

执行上下文

发布于 2023-07-24 16:48:07

2130

发布于 2023-07-24 16:48:07

文章被收录于专栏：执行上下文

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()方法将所有键值对结合成一个新的对象并返回。

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

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: '-' }

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2023-04-30，如有侵权请联系 cloudcommunity@tencent.com 删除

map