在开发前端应用过程中，我们经常需要对从后端 API 返回的数据进行处理和提取。时常会遇到需要深入嵌套的多层数据结构，然而 JavaScript 中的问号运算符只能处理浅层嵌套数据。为了解决这一问题，我们介绍了一个 npm 包 object-dig，它能够简单地使用方法来获取深层嵌套的数据。
object-dig 是什么？
object-dig 是一个轻量级 npm 包，它可以用于深入嵌套的 JSON 数据对象中找到子对象或属性。例如，在以下 JSON 数据对象中，object-dig可以轻松地找到 deeperNestedProperty。
{
"data1": {
"nestedProperty": {
"deeperNestedProperty": 42
}
}
}如何安装
使用 npm 安装 object-dig：
npm install object-dig
如何使用
object-dig 提供了一个函数，在对象中查找属性或子对象。该函数的具体用法如下：
-- -------------------- ---- -------
------ --------- ---- ------------
----- ------ - -
-- -
-- -
-- --
-
-
-
----- ------------- - ----------------- --------
-------------------------- -- --object-dig 函数接受两个参数：对象和访问路径。如果访问路径是一个数组，则它将被连接，并在相应层次结构中提取子对象。例如：
-- -------------------- ---- -------
------ --------- ---- ------------
----- ------ - -
-- -
-- -
-- --
-
-
-
----- ------------ - ----------------- ----- -----
------------------------- -- --- ---如果访问路径无法找到目标值，则返回 undefined。
你可以在你的 React 或 Vue 组件中使用 object-dig，例如：
-- -------------------- ---- -------
------ --------- ---- ------------
------ ------- -
--------- -
--------- -- -
------ -------------------- ---------------------
-
--
------ -
----- ------
-
-这将与以下示例 user 对象一起工作：
{
profile: {
name: {
first: 'John',
last: 'Doe',
}
}
}总结
在后端返回的深入嵌套的 JSON 对象中提取数据时，object-dig 是非常实用的 npm 包，它可用于通过访问路径深入嵌套对象来查找属性或子对象。它使用简单，可以帮助简化代码，提高应用程序的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9d3d1de16d83a6704c