javascript --- > 对象属性的深层次获取

最新推荐文章于 2023-09-13 13:05:24 发布
VIP文章 最新推荐文章于 2023-09-13 13:05:24 发布
阅读量2.4k 收藏 4
点赞数 2
分类专栏： 读书笔记 JavaScript 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piano9425/article/details/104527327
版权
  • 现有对象如下
let obj = {
   
	a: {
   
		b:{
   
			c:{
   
				d:'Marron'
			}
		}
	}
}
  • 想通过一个方法,输入该对象和路径a.b.c.d获取Marron的值
    【思路】:
  1. 首先使用split数据,将a.b.c.d变为[a, b, c, d]
  2. 然后使用shift()方法每次取出最前面的属性名,存放在prop中
  3. 新建一个res对象,让res = res[prop]
  • 现假设有一函数如下:
var f = function(obj, path){
   
	let res = obj
最低0.47元/天 解锁文章
栗子好好吃
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
key-path:JavaScript 对象的深层属性访问器
06-08
JavaScript 对象的深层属性访问器。 最初取自 安装 $ npm install --save key-path 用法 var KeyPath = require ( 'key-path' ) ; var kp = KeyPath . get ( [ 'identifier' , 1 , 'string with space' ] ) ; // OR var kp = KeyPath . get ( "identifier[1]['string with space']" ) ; var obj = { identifier : [ 'some value' , { 'string with space' : 'you got me!' } ] } assert kp . getValueFrom ( obj ) === 'you g
js 对象的深层嵌套函数对对象属性的访问
weixin_30646315的博客
04-29 722
var obj = { foo: "hi", f1: function() { function f2(that) { console.log(that); } f2(this.foo); } }; obj.f1(); // hi ...
js 获取深度属性值
讨口子
09-07 777
类似lodash.get可以按path来取对象的值，同时也支援预设值，如下： 可参考lodash中的get方法：https://www.lodashjs.com/docs/lodash.get /** * lodash.get的简单实现 * @param {Object} object * @param {Object} path * @param {Object} defaultValue */ deepGet(object, path, defaultValue) { return (!Arr
前端练习04 取对象的深层属性
多啦的博客
11-19 713
题目（2018-11-19） 有时候我们需要访问一个对象较深的层次，但是如果这个对象某个属性不存在的话就会报错，例如： var data = { a: { b: { c: 'ScriptOJ' } } } data.a.b.c // => scriptoj data.a.b.c.d // => 报错，代码停止执行 console.log('ScriptOJ') // => 不会被...
JavaScript对象多层属性获取方法
cg_ssh的博客
01-31 922
javaScript对象多层属性获取方法
JS深层取值的方法
ChauncyWu的博客
04-25 1806
前端取后端数据的时候， 经常会遇到一些比较深层的结构。比如 ``` const address = { province: { name: '江苏省'， city: { name: '扬州市' district: { name: '邗江区' } } } } ``` 这时...
Javascript 对象深度解析
KateCateCake的博客
02-25 544
对象-高程及月影js视频学习笔记 对象的深拷贝和浅拷贝 ES5 浅拷贝 Object.assign({}, conf) 只能拷贝一级，深层的源改变，目标也会跟着改变。 递归 深拷贝 function deepCopy(des, src) { for (var key in src) { if(typeof src[key] !== 'object') { ...
js获取对象属性值的方法
Nuclear的博客
11-05 8777
场景：已知对象的某属性，我们需要获取对象中的属性值。js获取对象属性值的方法。
JavaScript中获取对象属性的不同方法
最新发布
訾博（ZiBo）的博客
09-13 2771
JavaScript提供了多种方式来获取对象的属性。这些方法可以根据不同的需求和情况来选择使用。
js获取对象深层数据方法
qq_44899153的博客
08-17 1000
let value = { obj1: { str1: 111, str2: 222, str3: 333, str4: 444, obj2: { str5: 555, str6: 666 } }, obj3: { str7: 777, str8: 888 } } let...
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
10-24
主要介绍了JavaScript获取伪元素(Pseudo-Element)属性的方法技巧,本文直接给出实现代码,需要的朋友可以参考下
get-object:从嵌套对象的属性获取值
05-13
使用点（对象路径）表示法从对象获取属性。 安装 用安装 $ npm i get-object --save 用法 var get = require ( 'get-object' ) ; get ( { a : { b : { c : 'd' } } } , 'a.b.c' ) ; //=> {c: 'd'} 如果只想要值，...
javascript基础-->中级-->高级-->面向对象
08-18
javascript基础-->中级-->高级-->面向对象 适合各个IT参与WEB建设朋友
js-clone:使用深度复制的Javascript对象复制
05-11
js克隆使用深度复制的Javascript对象复制用法var deepClone = require ( './js-clone/index.js' ) ;var object = { name : 'Kator James' , work : { companyName : 'LogicalAddress Ltd' , getCompanyName : ...
JS----ES6
qq_43539854的博客
04-25 215
ES6 箭头函数 箭头函数和普通函数的区别 外形不同 箭头函数使用 => 定义。 // 普通函数 function demo(){ ... } // 箭头函数 let demo = () => { ... } 箭头函数都是匿名函数 普通函数可以有匿名函数，也可以有具名函数；箭头函数只有匿名函数。 // 具名函数 function demo(){ ... } // 匿名函数 let func = function(){ ... } // 箭头函数 let demo
JavaScript对象的基本操作(增删改查)，基本数据类型和引用数据类型，函数的参数和返回值
Yueqin0512的博客
08-13 282
对象 基本数据类型都是单一的值，创建的变量独立，不能成为一个整体 对象属于复合的数据类型，在对象中可以存放多个不同类型的属性 对象的分类 1、内建对象 由ES标准中定义的对象，在任何 的ES的实现中都能使用如：Math String Number Boolean Function Object等 2、宿主对象 由JS的运行环境提的对象，目前 来讲主要由浏览器提供的对象。 如Bom浏览器对象模型 Dom 文档对象模型 console.log();document.writre(); 3、自定义对象 由开
深层数据对象的取赋值
weixin_38355349的博客
07-15 452
var Obj = { first1:{ second11:'清风徐来', second12:{ thorth1:'好贴盛宴', thorth2:{jjj:'1',rrr:'4',ttt:'8'}, thorth3:'百年好和' } }, first2:{ second21:'好好学习', second22:'天天向上' }
JavaScript中Object对象深度赋值/取值
若木無言
09-17 1904
Object对象深度赋值/取值 支持Object和Array混合型对象遍历合并。 其中，用到的对象类型判断方法，详见《JavaScript中Object对象类型判断》； // 根据路径创建对象 export const createObject = (path, value) => { let keyPath = []; if (isArray(path)) keyPath = [...path]; if (keyPath.length) { const key = keyPath
JS对象的属性名为变量，从而获取其对应的值
简析的博客
12-04 3407
一、如果属性名称是常量（固定值），获取属性值的方式有： 对象.属性名称 对象[属性名称] 二、如果属性名称是一个变量（不固定值），获取属性值方式只能是： 对象[属性名称] <script> var object={"a":1111,"b":2222}; var param= "a" console.log(object[param]); //输出...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>v-bind</title> <!-- gaf--> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> </head> <body> <!--一个容器--> <div id="root"> <!--获取--> <h1>hello，{{name}} ，{{address}}</h1> </div> <script type="text/javascript" > //实例 new Vue({ e1:'#root', data:{ name:'zhoujilun', address:'北京' } }) </script> </body> </html>为什么不能运行
05-24
--获取--> <h1>hello，{{name}} ，{{address}}</h1> </div> <script type="text/javascript"> //实例 new Vue({ el:'#root', data:{ name:'zhoujilun', address:'北京' } }) </script> </body> </html> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值