前言
在前端开发中，我们经常会遇到需要对对象或数组进行操作的情况，Lodash Topath 就是一个非常实用的 NPM 包，它提供了一个函数来获取对象/数组中某个嵌套属性的值，接下来就让我们来学习如何使用 Lodash Topath。
安装
使用 Lodash Topath 之前，我们需要将它安装到项目中，可以使用以下命令：
npm install --save lodash.topath
使用方法
Lodash Topath 有一个函数叫做 _.toPath，它主要用于将对象/数组的字符串路径转换成一个数组，方便我们获取嵌套属性的值，以下是详细的使用方法：
将字符串路径转换成数组
我们可以使用 _.toPath 将字符串路径转换成一个数组，这对于获取嵌套属性的值非常有用。例如：
const path = _.toPath('a.b.c');
console.log(path);
// output: ['a', 'b', 'c']从对象中获取属性值
假如我们有一个对象，长这个样子：
-- -------------------- ---- -------
----- ------ - -
----- --------
-------- -
----- ----------
------- -
------- ---- --------
------- -
-
-
--现在，我们想要获取 person 对象中的 address.detail.street，我们可以使用 _.toPath 将字符串路径转换成一个数组，然后通过一个循环来一层一层获取对象属性值，如下所示：
const path = _.toPath('address.detail.street');
let value = person;
for (let i = 0; i < path.length; i++) {
value = value[path[i]];
}
console.log(value);
// output: '1st Street'从数组中获取元素值
Lodash Topath 同样适用于数组，我们可以通过 _.toPath 将字符串路径转换成一个数组，然后通过一个循环来获取数组元素值。例如：
-- -------------------- ---- ------- ----- --- - -- ----- -------- ---- -- -- - ----- ------ ---- -- --- ----- ---- - --------------------- --- ----- - ---- --- ---- - - -- - - ------------ ---- - ----- - --------------- - ------------------- -- ------- -----
示例代码
以下是一个获取嵌套属性值的示例代码，可以直接复制到项目中使用：
-- -------------------- ---- -------
----- - - -------------------------
---
- -----------------
- ------ -------- ---- - ----
- ------ -------- ---- - ------ -------
--
-------- -------------------- ----- -
----- ------- - ---------------
--- ----- - -----
--- ---- - - -- - - --------------- ---- -
----- - ------------------
-
------ ------
-
-- --
----- ------ - -
----- --------
-------- -
----- ----------
------- -
------- ---- --------
------- -
-
-
--
----- ----- - ---------------------- -------------------------
-------------------
-- ------- ---- -------总结
通过本文的学习，我们了解了如何使用 Lodash Topath 获取对象/数组中的嵌套属性值，以及如何将字符串路径转换成数组。Lodash Topath 的使用非常简单也非常实用，希望本文能给大家带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58638