资讯专栏INFORMATION COLUMN

js怎么获取动态链式属性呢?

Forelax / 1011人阅读

摘要:动态链式属性我自己起的名字,样子就是这样输出肯定是不行的,那应该怎么访问呢我们知道如果只有一个属性值就可以了,比如是可以的,那么我们利用这个可以换种思路这里,把属性值以为分割,成为一个数组,然后在循环里面我们利用数组的先获取第一个属性,同时

动态链式属性?我自己起的名字,样子就是

var data={
    list:{
        name:"zxf"
    }
}
var prop="list.name";
console.log(data[prop])

  这样输出肯定是不行的,那应该怎么访问呢?
  我们知道如果prop只有一个属性值就可以了,比如var prop="list";data[list]是可以的,那么我们利用这个可以换种思路

  

var data={
    list:{
        name:"zxf"
    }
}
var props="list.name";
var res=data;
var paths=props.split(".");
while(paths.length>0){
    res=res[paths.shift()]
}
console.log(res);

  这里,把属性值以.为分割,成为一个数组,然后在while循环里面我们利用数组的shift先获取第一个属性,同时删除,这样就得到了对象list,然后再循环,这样就可以输出了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108599.html

相关文章

  • JavaScript完美运动框架的进阶之旅

    摘要:运动框架动起来进行运动的节点定时器你没看错,就是那么简单。直接在定时器内部,判断到达目标值,清除定时器就行拉运动框架运动终止进行运动的节点运动终止条件。 转自个人博客三省吾身丶丶原来是JS动画效果,但是我会过头再看的时候,发现太粗略了,于是重新写了一篇。喜欢别只收藏啊,点个推荐,大兄弟^ ^! 运动框架的实现思路 运动,其实就是在一段时间内改变left、right、width、hei...

    Pines_Cheng 评论0 收藏0
  • javaScript链式调用

    摘要:通过实现链式调用来理解链式调用是我们平常经常会用到,比如中的还有中的。直接用一个匿名函数返回一个的对象,然后赋值给并挂载到全局上,这样就实现了一个的链式调用了。 通过实现链式调用来理解    链式调用是我们平常经常会用到,比如JQuery中的$(id).eq(0), 还有lodash中的_.chain().push()。 这些都是平常会用到的,但是都是已经封装好的,我们知道用起来很方便...

    boredream 评论0 收藏0
  • JS基础篇-underscore源码解析

    摘要:总想找个机会夯实一下自己的基础,正好最近略有清闲,看视频读书撸代码我选择了第三者怎么感觉有点别扭,看视频的话效率不高适合入门,看书的话一本你不知道的推荐给大家,选择继续看书的话还是算了吧,毕竟读万卷书不如行万里路是吧。 总想找个机会夯实一下自己的JS基础,正好最近略有清闲,看视频?读书?撸代码?我选择了第三者(怎么感觉有点别扭),看视频的话效率不高适合入门,看书的话,一本《你不知道的J...

    anyway 评论0 收藏0
  • 学习 underscore 源码整体架构,打造属于自己的函数式编程类库

    摘要:译立即执行函数表达式处理支持浏览器环境微信小程序。学习整体架构,利于打造属于自己的函数式编程类库。下一篇文章可能是学习的源码整体架构。也可以加微信,注明来源,拉您进前端视野交流群。 前言 上一篇文章写了jQuery整体架构,学习 jQuery 源码整体架构,打造属于自己的 js 类库 虽然看过挺多underscore.js分析类的文章,但总感觉少点什么。这也许就是纸上得来终觉浅,绝知此...

    junnplus 评论0 收藏0

发表评论

0条评论

Forelax

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<