前言
在前端开发中，我们常常需要对数据进行处理，尤其是当数据为数组时，处理起来会更加麻烦。如果能够使用一款好的工具来辅助我们处理数据就能节省很多时间，这就是我们今天要学习的 npm 包 - lodash.unzipWith。
什么是 lodash.unzipWith？
lodash.unzipWith 是 lodash 库中的一个函数，它可以将一个数组的每个元素分成多个数组，并且对这些数组进行操作后重新组合成一个新的数组。另外，lodash.unzipWith 可以自定义每个数组的操作方式。
如何使用 lodash.unzipWith？
安装 lodash.unzipWith
使用 npm 安装 lodash.unzipWith：
npm install --save lodash.unzipWith
使用 lodash.unzipWith
使用 lodash.unzipWith 可以将数组中的每个元素拆分成一个子数组：
-- -------------------- ---- ------- ------ --------- ---- ------------------- ----- --- - - --- -- --- ----- ---- ----- ----- ---- ----- -- ----- ------ - --------------- -------------------- -- ------- -------------------------------------
可以看到，使用 unzipWith 将原数组中的每个元素分成了三个数组，重新组合成了一个新的数组。
如果需要自定义操作每个子数组，可以在第二个参数中传入一个函数：
-- -------------------- ---- -------
------ --------- ---- -------------------
----- --- - -
--- -- ---
--- -- ---
--- -- ---
--
----- ---------- - ------- ------ -- -
------ ------------------- -------- -- -
------ ---- - --------
-- --
-
----- ------ - -------------- ------------
--------------------
-- ------- --- --- ---可以看到，使用自定义的函数操作每个子数组后，得到的新数组分别为每个子数组操作后的结果。
示例代码
这里提供一个场景示例代码，用于解释如何使用 lodash.unzipWith 处理数据。
场景：
- 现有一组数据，每个元素是一个数组，数组中包含一个字符串和一个数字。
- 将这些数组按照数字从小到大排列，仅保留字符串。
- 输出排列后的字符串。
-- -------------------- ---- -------
------ --------- ---- -------------------
----- ---- - -
---------- -----
--------- ----
---------- ----
-
----- -------- - ----- ------ -- -
------ ------------ -- -- -
------ ---- - -----
------
-
----- ------ - --------------- ----------
--------------------可以看到，使用 lodash.unzipWith 以及自定义的函数，将数据进行了处理，得到了排列后的字符串。
总结
lodash.unzipWith 是一款非常实用的 npm 包，可以帮助我们更方便地处理和操作数组数据。在实际开发中，我们可以根据自己的实际需求灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58606