2021-4-28 -深层对象（数组）值获取

最新推荐文章于 2023-02-21 23:29:39 发布
原创 最新推荐文章于 2023-02-21 23:29:39 发布 · 417 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

该函数用于从深层嵌套的对象或数组中获取指定路径的数据，输入一个数据对象和一个路径数组，返回目标值。测试数据展示了如何从一个包含多级数据的表格结构中获取特定子项。

深层对象（数组）值获取

function getDeepDataFromArrOrObj(data, directArr = []) {
  if (directArr.length === 0) {
    return data;
  }
  const name = directArr.shift();
  if (!data[name]) {
    return name + "子项不存在";
  }
  if (Array.isArray(data[name]) || data[name].constructor === Object) {
    return getDeepDataFromArrOrObj(data[name], directArr);
  } else {
    return name + "子项不是对象或数组";
  }
}


----------------------------------------数据调用---------------------------------------------
const directArr = ["data", "data", "tHeader", "1", "children"];
const value = fun.getDeepDataFromArrOrObj(data, directArr);
console.log(value);

----------------------------------------测试数据---------------------------------------------

var data = {
  data: {
    isLogin: true,
    isSuccess: true,
    msg: "",
    data: {
      tHeader: [
        {
          name: "时间",
          children: []
        },
        {
          name: "表单1",
          children: ["姓名", "年龄", "费率"]
        },
        {
          name: "表单2",
          children: ["姓名", "年龄", "费率"]
        }
      ],
      tBody: [
        {
          time: "2021-04-23 00:00:00",
          oneLine: [[], []]
        },
        {
          time: "2021-04-23 02:00:00",
          oneLine: [
            {
              time: "1619114460000",
              timeFmt: "2021-04-23 02:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.1",
                  type: "text"
                }
              ]
            },
            {
              time: "1619114460000",
              timeFmt: "2021-04-23 02:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 04:00:00",
          oneLine: [
            {
              time: "1619121660000",
              timeFmt: "2021-04-23 04:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619121660000",
              timeFmt: "2021-04-23 04:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 06:00:00",
          oneLine: [
            {
              time: "1619128860000",
              timeFmt: "2021-04-23 06:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619128860000",
              timeFmt: "2021-04-23 06:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 08:00:00",
          oneLine: [
            {
              time: "1619345929727",
              timeFmt: "2021-04-25 18:18:49",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619136060000",
              timeFmt: "2021-04-23 08:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 10:00:00",
          oneLine: [
            {
              time: "1619143260000",
              timeFmt: "2021-04-23 10:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619143260000",
              timeFmt: "2021-04-23 10:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 12:00:00",
          oneLine: [
            {
              time: "1619150460000",
              timeFmt: "2021-04-23 12:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619150460000",
              timeFmt: "2021-04-23 12:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 14:00:00",
          oneLine: [
            {
              time: "1619157660000",
              timeFmt: "2021-04-23 14:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619157660000",
              timeFmt: "2021-04-23 14:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 16:00:00",
          oneLine: [
            {
              time: "1619164860000",
              timeFmt: "2021-04-23 16:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619164860000",
              timeFmt: "2021-04-23 16:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 18:00:00",
          oneLine: [
            {
              time: "1619172060000",
              timeFmt: "2021-04-23 18:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619172060000",
              timeFmt: "2021-04-23 18:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 20:00:00",
          oneLine: [
            {
              time: "1619179260000",
              timeFmt: "2021-04-23 20:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619179260000",
              timeFmt: "2021-04-23 20:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-23 22:00:00",
          oneLine: [
            {
              time: "1619186460000",
              timeFmt: "2021-04-23 22:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619186460000",
              timeFmt: "2021-04-23 22:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        },
        {
          time: "2021-04-24 00:00:00",
          oneLine: [
            {
              time: "1619193660000",
              timeFmt: "2021-04-24 00:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.5",
                  type: "text"
                }
              ]
            },
            {
              time: "1619193660000",
              timeFmt: "2021-04-24 00:01:00",
              items: [
                {
                  name: "姓名",
                  value: "aaa",
                  type: "text"
                },
                {
                  name: "年龄",
                  value: "24",
                  type: "text"
                },
                {
                  name: "费率",
                  value: "0.8",
                  type: "text"
                }
              ]
            }
          ]
        }
      ]
    }
  }
};
将对象数组转换为矩阵
Twinkle_sone的博客
12-03 859
😀平时我们开发的时候基本都是用的json格式来进行数据处理，但是大家应该都遇到过需要将数据导出表格的场景吧，这时候我们就需要将对象数组转为数组矩阵📃。
前端练习04 取对象的深层属性
多啦的博客
11-19 828
题目（2018-11-19） 有时候我们需要访问一个对象较深的层次，但是如果这个对象某个属性不存在的话就会报错，例如： var data = { a: { b: { c: 'ScriptOJ' } } } data.a.b.c // => scriptoj data.a.b.c.d // => 报错，代码停止执行 console.log('ScriptOJ') // => 不会被...
获取深层对象值
weixin_38222276的博客
06-30 350
const obj={ a:1, b:2, c:{ d:999 } } const _get=(object,keys,value)=>{ return keys.split('.').reduce( (o,j)=>((o||{})[j]), object ) || value } _get(obj,'a.c.d') // 999 _get(obj,'a.c.d.e.f') //undefi...
这是一个用于安全获取javascrpt对象数组中深层次的属性元素的库
08-08
A lib for safe get javascrpt's object. 这是一个用于安全获取javascrpt对象/数组的属性/元素的库。
vue页面部分未刷新----------深层对象解构会覆盖的问题
zkx529的博客
10-20 537
this.$forceupdate() 迫使vue组件重新渲染，实际上指的是强制重启render函数。在深层对象解构的时候，res.data.resign将this.query.resign覆盖，导致postA和postB被删掉，最终导致vue双向绑定失败。this.a.aa为要更改的数据源（对象），b为key值（要更改的具体数据），value为要赋的值。强制刷新页面，不建议使用，会占用大量资源，使用到这个方法一般是因为你代码有问题。示例： this.$set(this.a.aa,"b",2)
js 不常用面试题 数组对象深度取值
weixin_30664615的博客
06-25 288
function getPersonInfo(one, two, three) { console.log(one); console.log(two); console.log(three); } const person = "Lydia"; const age = 21; getPersonInfo`${person} is ${age} years...
js 获取数组的深度
jarisMA的博客
01-15 2532
js 获取数组的深度 通过递归的方法 getDepth(arr, depth) { var flag = false; var temp = []; for (let i = 0; i < arr.length; i++) { if (arr[i].children instanceof Array) { // 判断是否是数组 for (let j = 0; j < arr[i].children.length; j++) { temp.push(
精选资源
recursive-diff:一个JavaScript库，用于查找两个JavaScript对象之间的差异。 支持数组，数字，日期和其他原始数据类型
04-28
该库可用于获取两个JS对象/数组（或其他原始值）之间的差异。 Diff以Array的形式返回，其中每个ARRAY项都代表原始Object / Array的更改。 差异项可以具有以下三个属性： path ：嵌套路径的数组表示形式 op ：可以是...
fetch-js轻松获取JavaScript对象或数组中的值
资源摘要信息:"fetch-js: 一个JavaScript工具，用于从对象或数组中安全地提取值，不依赖于键的存在性。它提供了一个灵活的方法来处理可能缺少特定键的数据结构，通过提供一个默认值作为备用选项。" **知识点详细...
unique-by：前端开源库实现对象数组去重
在现代Web应用开发中，尤其是在涉及数据展示、状态管理、表单处理和API响应解析等场景下，经常需要对从后端获取的数据进行清洗与整理，而对象数组的去重是一项高频需求。传统的数组去重方法（如使用Set、filter配合...
获取深层对象中的值(对象key为数字)
anny_mei的博客
10-25 364
数据结构:(我的数据是个对象中包含的对象,对象key是数字) 取值
JavaScript：处理深层对象的字段不确定是否存在的情况
snow的博客
02-21 759
打印了报错信息，指出错误的原因，这个方法很好，不只可以用于处理深层数据可能带来的错误，还可以处理一个方法，或者一个代码段可能出现的错误。此时结合 “||” 方法，返回 空字符串 “” ，没有报错，也没有报undefined。第一个返回了Booleans值，后边一个基于布尔值检测，返回false。如果只是最后一个层级的数据不确定是否存在可以适用 “||” 的方法。此时返回undefined，没有报错，不会阻断后续代码的执行。此时没有报错，不会阻断后续代码的执行。此时没有报错，不会阻断后续代码的执行。
对象中含有字符串属性和对象属性，进行深拷贝
u012560606的博客
10-19 373
对象中仍然含有对象深拷贝 clone(obj) { if(obj === null) return null if(typeof obj !== 'object') return obj; if(obj.constructor===Date) return new Date(obj); var newObj = new obj.constructor (); //保持继承链 for
封装一个函数，获取对象的特定层级的数据。
congxue666的博客
02-19 365
let item = { id: '1', children: [ { id: '2', children: [{ id: '2-1' ,children:[{id: '2-1-1',children:[{id: '2-1-1-1',children:[]}]}]}]}, { id: '3', children: [{ id: '3-1' ,children:[]}]}, .
vue学习-深层组件传递数据Provide/inject
Rulelur的博客
10-29 543
1.Provide/inject 父组件的数据可以放在provide，任意层级的子组件声明inject，便可以访问到该数据 provide: { msg: "父组件数据", }, inject: ["msg"] 值为对象的provide无法访问组件实例 property，要访问需将provide 转换为返回对象的函数，子组件部分不需要做修改。 data() { return { dataMsg: "父组件数据", }; }, pr.
vue多层级无限递归组件深层次获取ref
是夜色太荒芜的专栏
08-19 2567
问题 我的页面结构是这样的。 根据组件循环布局组件，布局组件循环自身，直到遇到渲染组件为止。 我需要拿到最终所有的渲染组件的ref而触发其动作。但在实际过程中却遇到因为递归层次太深。拿不到所有的ref。而且因为布局组件比如标签页布局的特殊性只能拿到当前所在的标签页，而不能触发其他标签页的方法。 我当时用的方式是这样 // 地图渲染事件 if (Array.isArray(this.$refs.nestedComponents)) { this.$refs.nestedComponents.forEach
对象的深层遍历
weixin_42446516的博客
06-12 1773
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> var xiaoming = { name : "...
初探 ModBus4j -简单使用指南
热门推荐
Hsy的博客
10-16 2万+
目录 前言 开发环境 工具准备 具体实现 下载Modbus4j 解决空指针异常 解决数组越界 测试 测试环境准备 正式测试 前言 之前提到过 由于项目需求，需要封装 ModBus协议，ModBus协议较早，网上开源开源库也不少，可参见Modbus 史上最全实例资料汇总。安卓上支持ModBus-RTU的库包较为稀缺，毕竟一般安卓手机不会带个串口。所幸运Android 是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值