简介
在前端开发中，数据的格式经常需要进行转换，比如从一种类型的对象转换成另一种类型的对象，从数组中提取出一些特定的字段等等。garnish-data 是一个方便实用的 npm 包，提供了很多数据转换和处理的方法。
安装
使用 npm 命令进行安装：
npm install garnish-data --save
使用
格式转换
1. 对象转换
我们经常需要将一个对象的格式转换成另一个对象的格式。
-- -------------------- ---- ------- ----- ------- - ------------------------ --- ------ - - ----- ------ ---- -- -- --- ------ - ----------------------------- - -------------- ------- ------------- ------- -- ----- - - --- --------------------
以上代码将会输出：
{
person_name: 'Tom',
person_age: 21
}2. 数组转换
garnish-data 还提供了将一个数组的格式转换成另一个数组的格式。
-- -------------------- ---- -------
----- ------- - ------------------------
--- ------ - -
-
----- ------
---- --
--
-
----- ------
---- --
-
--
--- ------ - ---------------------------- -
-------------- -------
------------- ------- -- ----- - -
---
--------------------以上代码将会输出：
-- -------------------- ---- -------
-
-
------------ ------
----------- --
--
-
------------ ------
----------- --
-
-数据处理
1. 过滤数组
garnish-data 提供了 filterArray 方法，可以轻松地过滤掉不需要的数据。
-- -------------------- ---- -------
----- ------- - ------------------------
--- ------ - -
-
----- ------
---- --
--
-
----- ------
---- --
-
--
--- ------ - --------------------------- ------ -- -------- - ----
--------------------以上代码将会输出：
[
{
name: 'Tom',
age: 20
}
]2. 计算数组元素
garnish-data 还提供了一个方便的方法计算数组中的元素。
-- -------------------- ---- -------
----- ------- - ------------------------
--- ------ - -
-
----- ------
---- --
--
-
----- ------
---- --
-
--
--- ------ - ---------------------------- ------ -- ----------
--------------------以上代码将会输出：
50
总结
garnish-data 提供了很多实用的数据转换和处理方法，方便我们在前端开发中处理数据。希望能够对大家的工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556d581e8991b448d3ad7