在前端开发中，我们经常需要对数据进行处理，而这些数据通常以列表的形式存在，例如从后端接口获取的数据、用户在前端输入的数据等等。在处理这些列表数据时，我们常常需要用到遍历、筛选、排序等操作。而 npm 包 yield-list 就是为解决这些操作而生的。
什么是 yield-list
yield-list 是一个 JavaScript 库，它对于常见的列表操作提供了一系列的方法，使得数据处理变得更加简单和高效。通过使用 yield 关键字和生成器函数，yield-list 可以实现对于列表数据的高效访问和操作，而且使用起来非常方便。
快速上手
使用 yield-list 并不需要安装额外的依赖，只需要执行以下命令即可将其安装到项目中：
npm install yield-list
安装完成后，在需要使用的位置引入 yield-list：
const YieldList = require('yield-list');现在让我们通过一个简单的例子来看看 yield-list 的使用方法吧。假设我们有一个数组 arr，其中存储了一些人的名字和年龄，我们想要筛选出其中年龄大于等于 18 岁的人的名字。使用 yield-list 可以这么做：
-- -------------------- ---- ------- ----- --- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- - ----- -------- ---- -- -- -- ----- ----- - --- -------------- ------------ -- -------- -- --- --------- -- ---------- ----------- ------------------- -- --------- ---------- --------
在上面的代码中，我们首先创建了一个 YieldList 对象实例 names，并将数组 arr 传入其中。然后我们通过 filter() 方法筛选出年龄大于等于 18 岁的人，并使用 map() 方法将其名字提取出来，最后使用 toArray() 方法将结果转换成普通数组。
操作方法
除了上面提到的 filter()、map()、toArray() 方法，yield-list 还提供了大量的其他操作方法，涵盖了常见的列表操作，以下是它的部分方法说明：
filter()
filter() 方法用于筛选符合条件的元素，它接受一个函数作为参数，对于列表中每个元素依次调用这个函数，将返回值为真的元素组成一个新的列表并返回。
const arr = [1, 2, 3, 4, 5]; const result = new YieldList(arr).filter(item => item > 2).toArray(); console.log(result); // [3, 4, 5]
map()
map() 方法用于将列表中的每个元素按照某种规则映射成一个新的元素，它接受一个函数作为参数，对于列表中每个元素依次调用这个函数，并将函数的返回值组成一个新的列表并返回。
const arr = [1, 2, 3, 4, 5]; const result = new YieldList(arr).map(item => item * item).toArray(); console.log(result); // [1, 4, 9, 16, 25]
sort()
sort() 方法用于对列表进行排序，它接受一个函数作为参数，用于指定排序的规则。
const arr = [3, 1, 4, 1, 5]; const result = new YieldList(arr).sort((a, b) => a - b).toArray(); console.log(result); // [1, 1, 3, 4, 5]
reduce()
reduce() 方法用于对列表中的元素进行累加计算，它接受一个函数作为参数，用于指定计算的规则。
const arr = [1, 2, 3, 4, 5]; const result = new YieldList(arr).reduce((sum, item) => sum + item, 0); console.log(result); // 15
forEach()
forEach() 方法对于列表中的每个元素依次执行某个操作。
const arr = [1, 2, 3]; new YieldList(arr).forEach(item => console.log(item)); // 依次输出 1，2，3
小结
在本文中，我们介绍了 npm 包 yield-list 的使用方法和常见操作方法， yield-list 的使用可以使得前端列表数据的操作更加方便简单，而且非常高效。使用这个库可以让我们的编码变得更加优雅和高效，也可以使得我们对于数据更加深入的理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fda81e8991b448dd72e