在前端开发中，经常需要使用各种数组和对象的操作。但是 JavaScript 原生的 Array 和 Object 对象的操作方法有限，有些操作需要自己手写实现。而 npm 包 iterpal 就是为了解决这个问题而生的。iterpal 提供了丰富的数组和对象操作方法，让我们可以更方便地完成各种操作。
安装 iterpal
使用 iterpal 首先需要在本地项目中安装该 npm 包。在终端中输入以下命令即可：
npm install iterpal --save
常用方法
对象操作
pickKeys
从对象中选择指定的 key 值，并返回一个新的对象。
const obj = { a: 1, b: 2, c: 3 };
const newObject = pickKeys(obj, ['a', 'c']);
console.log(newObject); // { a: 1, c: 3 }mapValues
对对象中的每个 value 值进行映射，并返回一个新的对象。
const obj = { a: 1, b: 2, c: 3 };
const newObject = mapValues(obj, value => value * 2);
console.log(newObject); // { a: 2, b: 4, c: 6 }filterValues
对对象中的每个 value 值进行过滤，并返回一个新的对象。
const obj = { a: 1, b: 2, c: 3 };
const newObject = filterValues(obj, value => value > 1);
console.log(newObject); // { b: 2, c: 3 }数组操作
flatten
将多维数组转为一维数组。
const arr = [1, [2, [3]]]; const newArray = flatten(arr); console.log(newArray); // [1, 2, 3]
chunk
将数组拆分为指定大小的块，并返回一个新的数组。
const arr = [1, 2, 3, 4, 5]; const newArray = chunk(arr, 2); console.log(newArray); // [[1, 2], [3, 4], [5]]
mapToObject
将数组转化为对象，key 值为数组中的元素，value 值为 callback 函数的返回值。
const arr = ['a', 'b', 'c'];
const obj = mapToObject(arr, value => value.toUpperCase());
console.log(obj); // { a: 'A', b: 'B', c: 'C' }range
生成一个指定范围内的数字数组。
const arr = range(1, 5); console.log(arr); // [1, 2, 3, 4, 5]
使用示例
下面是一个实际场景下的使用示例。假设我们在开发一个论坛系统的后台管理页面，需要在列表中显示每篇文章的标题、作者和发布时间信息。由于接口返回的数据中只有一些关键信息，我们需要根据文章的 id 去查询文章详细信息，并将详细信息合并到列表中显示。在没有 iterpal 的情况下，我们可能需要手动循环查询、合并信息，代码量较大。而使用 iterpal，我们可以轻松完成此操作，代码量也大大降低。
-- -------------------- ---- -------
------ ------- ---- ----------
------ ----- ---- --------
----- -------- - -
- --- -- ------ ------ --------- -- ------------ ------------ --
- --- -- ------ ------ --------- -- ------------ ------------ --
- --- -- ------ ------ --------- -- ------------ ------------ --
--
----- --------- - -
-- - --- -- ----- ----- --
-- - --- -- ----- ----- --
-- - --- -- ----- ----- --
--
-- -- ------------------- - --------- ---- -- - --- ---
----- ------------ - --------------------------------------------- ------
-- -- ------------------- ------- -------- ---------
----- ----------- - ----------------------------- ----- ---- -- -
----- - --------- ------- - - -----
------ -
--------
------- -----------------------
--
---
-------------------------
-- -
-- - --- -- ------ ------ ------------ ------------- ------- - --- -- ----- ----- - --
-- - --- -- ------ ------ ------------ ------------- ------- - --- -- ----- ----- - --
-- - --- -- ------ ------ ------------ ------------- ------- - --- -- ----- ----- - --
-- -
-- -- --------------- -------------- ----- ----------
----- ------- - -------------------- -- ---------
----- -------- - ---------------------- --
-------- -- ------------------------------------------------
----- --------- - ----- ----------------------
----- ------------- - ---------------------------------------------- -- --------------- ------
-- -- ------------------- ------------
----- ------------- - -------------------------------- ----- ---- -- --
--------
--------------------------
----
---------------------------
-- -
-- - --- -- ------ ------ ------------ ------------- ------- - --- -- ----- ----- -- -------- ------- --
-- - --- -- ------ ------ ------------ ------------- ------- - --- -- ----- ----- -- -------- ------- --
-- - --- -- ------ ------ ------------ ------------- ------- - --- -- ----- ----- -- -------- ------- --
-- -总结
iterpal 是一个非常实用的 npm 包，提供了丰富的数组和对象操作方法。在实际的开发中，我们可以使用 iterpal 来简化代码、减少重复劳动。掌握 iterpal 的使用方法，可以让我们在编写高质量代码的同时，更快地完成开发任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672e50520b171f02e1db8