在前端开发中经常会涉及到对数据的处理和转换，而 lodash.mapvalues 是一个非常有用的 npm 工具库，可以帮助我们快速且便捷地对对象进行遍历、映射和转换。本文将介绍 lodash.mapvalues 的使用方法，并提供一些实际应用示例。
安装
要使用 lodash.mapvalues，需要先安装 lodash 库。可以使用以下命令进行安装：
npm install lodash
然后，就可以安装和使用 lodash.mapvalues 了：
npm install lodash.mapvalues
基本使用
mapValues 方法
lodash.mapvalues 中最常用的方法就是 mapValues，它可以遍历对象中的每个属性并执行指定的操作。下面是 mapValues 的基本语法：
_.mapValues(object, [iteratee=_.identity])
其中，object 表示要遍历的对象，而 iteratee 则是对每个属性要执行的函数。如果没有指定 iteratee，则默认为 _.identity 函数，即返回值等于输入值。
下面是一个简单的示例，演示如何使用 mapValues 转换一个对象：
-- -------------------- ---- ------- ----- - - ------------------ ----- ---- - - ----- ------- ---- --- ----- ---- ----- -- ----- ------ - ----------------- ------- -- - ------ ------ ----- --- -------- - ------------------- - ------ --- --------------------
上述代码中，我们将 data 对象中的字符串属性全部转换为大写，并输出转换后的结果。
mapValuesDeep 方法
如果要遍历一个嵌套对象并对其进行操作，则可以使用 lodash.mapvalues 中的 mapValuesDeep 方法。下面是 mapValuesDeep 的基本语法：
_.mapValuesDeep(object, [iteratee=_.identity])
和 mapValues 类似，object 表示要遍历的对象，而 iteratee 则是对每个属性要执行的函数。不同之处在于，mapValuesDeep 还可以递归地遍历所有子对象。
下面是一个示例，演示如何使用 mapValuesDeep 遍历一个嵌套对象：
-- -------------------- ---- -------
----- - - ------------------
----- ---- - -
----- -------
---- ---
-------- -
----- ---- ------
-------- -----
-
--
----- ------ - --------------------- ------- -- -
------ ------ ----- --- -------- - ------------------- - ------
---
--------------------上述代码中，我们将 data 对象中的所有字符串属性全部转换为大写，并输出转换后的结果。
实际应用
lodash.mapvalues 在实际开发中的应用非常广泛。下面是一些常见的示例。
对象映射
lodash.mapvalues 可以帮助我们快速对对象进行映射。例如，假设我们有以下数据：
const data = {
apple: 1.99,
banana: 0.99,
orange: 2.99
};我们可以使用 mapValues 方法将价格转换为人民币：
-- -------------------- ---- ------- ----- - - ------------------ ----- ---- - - ------ ----- ------- ----- ------- ---- -- ----- ------ - ----------------- ------- -- - ------ ----- - ---- --- --------------------
集合过滤
lodash.mapvalues 也可以用于集合过滤。例如，假设我们有以下数据：
const data = {
apple: {name: 'Apple', price: 1.99},
banana: {name: 'Banana', price: 0.99},
orange: {name: 'Orange', price: 2.99}
};我们可以使用 mapValues 方法过滤出价格低于 2 元的水果：
const _ = require('lodash');
const data = {
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/52549) ，转载请注明来源
[https://www.javascriptcn.com/post/52549](https://www.javascriptcn.com/post/52549)