从数组 lodash 中删除空对象 - TypeScript

在 TypeScript 中，使用 lodash 库可以方便地操作数组，从中过滤出想要的结果。但是有时会出现需要删除数组中的空对象的情况，本文将介绍如何使用 lodash 库来删除数组中的空对象。

安装 lodash 库

使用 npm 可以很容易地安装 lodash 库，可以使用以下命令：

npm install lodash

示例代码

在 TypeScript 中，可以使用以下示例代码来删除数组中的空对象：

import _ from 'lodash';

const arr = [{ a: '123' }, {}, { b: 456 }, {}, {}, { c: 789 }];

const result = arr.filter(item => !_.isEmpty(item));

console.log(result); // [{ a: '123' }, { b: 456 }, { c: 789 }]

上述代码通过使用 _.isEmpty() 方法过滤掉空对象，并使用 filter() 方法返回新数组 result。

代码解析

1. 首先引入了 lodash 库，使用 _ 变量来表示。
2. 定义了示例数组 arr，其中包含了一些空对象。
3. 使用 Array 的 filter() 方法遍历数组 arr，并使用 _.isEmpty() 方法判断当前遍历到的对象是否为空。如果不为空，返回 true，否则返回 false。
4. filter() 方法会返回一个新数组 result，其中包含了所有不为空的对象。
5. 打印输出新数组 result。

总结

使用上述代码可以很方便地删除数组中的空对象，而不需要手动遍历所有对象并判断是否为空。这是使用 lodash 库的一种常见场景，可以大大减少代码编写的工作量。