在前端开发中，我们可能会遇到需要修改 JSON 对象的某些属性值，如果我们想要递归查找并修改其中的属性值，可以使用 brisky-get-reference 这个 npm 包来实现。它是一个根据引用系列递归遍历 JSON 对象并返回属性值的小工具，下面就来详细介绍一下它的使用教程。
安装
在安装 brisky-get-reference 之前，需要确认已经安装了 Node.js。在命令行中输入以下命令即可安装：
npm install brisky-get-reference --save
使用方式
使用 brisky-get-reference 主要有以下两种方式：
方法一：作为参数
-- -------------------- ---- -------
----- ------------ - -------------------------------
----- --- - -
-- -
-- -
-- -
-- ------- -------
-
-
-
-
------------------ ---- ---- ---------- -- -- ------- -------在上述代码中，先导入 brisky-get-reference 包，然后定义了一个 JSON 对象 obj，通过调用 getReference 函数传入属性路径数组，再传入 obj 对象即可返回该属性的值。
方法二：包装成函数
-- -------------------- ---- -------
----- ------------ - -------------------------------
----- --- - -
-- -
-- -
-- -
-- ------- -------
-
-
-
-
----- ------------- - ------------------ ---- ---- -----
------------------------------- -- -- ------- -------
--------------------------- -- - -- - -- - -- -------- - - - --- -- -- --------在这个例子中，我们使用 getReference(['a', 'b', 'c', 'd']) 引用路径创建了一个函数，传入 obj 和另一个对象均可获取到值 "hello, world!" 和 "foobar"。
函数参数
getReference() 函数的第一个参数是一个由字符串组成的数组，用于指示需要获取的属性路径。其中，数组中的每个元素对应 JSON 对象的一个属性。
getReference(['a', 'b', 'c', 'd'])({ a: { b: { c: { d: 'hello, world!' } } } })在这个例子中，由于我们要获取的属性路径是 ['a', 'b', 'c', 'd']，即 obj.a.b.c.d 中的属性 d，所以我们需要传入参数列表 ['a', 'b', 'c', 'd'] 即可获取其值。
指定默认值
当要查找的属性路径不存在时，我们可以设置一个默认值。这个默认值将在找不到路径时被返回，可以通过第二个参数传入。
getReference(['a', 'b', 'c', 'd'], 'default value')({ a: { b: { c: { foo: 'bar' } } } })在这个例子中，'a.b.c.d' 不在对象中被找到，于是函数将返回 'default value'。
处理数组
对于包含数组的 JSON 对象，可以使用 '[i]' 来访问数组中的元素。i 表示数组中的索引，从 0 开始，例如：
-- -------------------- ---- -------
----- ------------ - -------------------------------
----- --- - -
-- -
-- -
-- -
-
-- -
--
-
-- -
--
-
-- -
-
-
-
-
-
------------------------------ ---- ---- ---- ----------- -- -- -在这个例子中，由于我们要获取的属性路径是 ['a', 'b', 'c', '1', 'd']，即 obj.a.b.c[1].d 中的属性 d，因此我们需要数组索引为 '1'。也可以使用 ['1']，这在比较复杂的结构中更为安全。
示例代码
下面是一个完整的示例代码，帮助大家更好地理解 brisky-get-reference 的使用方法。
-- -------------------- ---- -------
----- ------------ - -------------------------------
----- --- - -
-- -
-- -
-- -
-
-- -------
--
-
-- -------
--
-
-- ---
-
-
-
-
-
-- -- -------------- --
------------------------------ ---- ---- ---- ----------- -- -- -------
-- -- ------------ --
------------------------------ ---- ---- ----- ---- ------------- -- -- ---- ------使用 brisky-get-reference 可以方便地获取 JSON 对象中任意属性的值，无论层次有多深，都可以轻松实现递归查找。希望以上内容能够帮助大家更好地实现 JSON 对象中属性的访问和修改。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbb46b5cbfe1ea0611957