key.path 是一个基于 lodash.get 的 npm 包，它可以方便地从 JavaScript 对象中获取嵌套属性值。这个工具是前端开发中非常常用的一个工具，本文将详细介绍如何使用它。
安装
使用 npm，可以通过以下命令安装：
npm install key.path
基础使用
首先，引入 key.path 的包：
const kp = require('key.path');在变量中，定义包含嵌套属性的对象：
-- -------------------- ---- -------
----- --- - -
----- -----
---- ---
-------- -
-------- -----
--------- -----
------- --------
-
--接下来，可以使用 kp.get 方法，获取嵌套属性的值：
const country = kp.get(obj, 'address.country'); console.log(country); // 中国 const detail = kp.get(obj, 'address.detail'); console.log(detail); // xx街xx号
此方法与 lodash.get 的用法类似。
拓展使用
key.path 允许使用数组索引获取数组中的值。例如：
-- -------------------- ---- -------
----- ------ - -
-
----- -----
---- --
--
-
----- -----
---- --
-
--
----- ---- - -------------- ------------
------------------ -- --也可以使用点号.来代替数组索引：
const name2 = kp.get(arrObj, '.1.name'); console.log(name2); // 李四
此方法也类似于 lodash.get。
错误处理
如果获取不存在的属性，将返回 undefined，这个与 lodash.get 完全一致。但是，key.path 允许设置一个默认值，当获取属性失败时，将返回默认值。例如：
const defaultValue = '属性不存在'; const nonExist = kp.get(obj, 'noExist', defaultValue); console.log(nonExist); // 属性不存在
当然，还可以执行一个函数，返回一个自定义操作的结果：
const op = () => '自定义操作'; const nonExistFunc = kp.get(obj, 'noExist', op); console.log(nonExistFunc); // 自定义操作
总结
key.path 是一个很方便的 npm 包，在项目开发中非常实用。使用它可以方便地获取对象属性值，还可以使用数组索引，以及设置默认值或执行自定义操作。这个工具可以帮助我们简化代码，更加高效地进行开发。
示例代码
-- -------------------- ---- -------
----- -- - --------------------
----- --- - -
----- -----
---- ---
-------- -
-------- -----
--------- -----
------- --------
-
--
----- ------- - ----------- -------------------
--------------------- -- --
----- ------ - ----------- ------------------
-------------------- -- ------
----- ------ - -
-
----- -----
---- --
--
-
----- -----
---- --
-
--
----- ---- - -------------- ------------
------------------ -- --
----- ----- - -------------- -----------
------------------- -- --
----- ------------ - --------
----- -------- - ----------- ---------- --------------
---------------------- -- -----
----- -- - -- -- --------
----- ------------ - ----------- ---------- ----
-------------------------- -- -----来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005602881e8991b448de56d