使用计算的属性名称访问对象属性
P粉578680675
P粉578680675 2023-08-20 15:32:14
[Vue.js讨论组]

我正在尝试使用动态名称访问对象的属性。这种操作是否可行?

const something = { bar: "Foobar!" };
const foo = 'bar';
something.foo; // 这个想法是访问 something.bar,获取到 "Foobar!"


P粉578680675
P粉578680675

全部回复(1)
P粉248602298

这是我的解决方案:

function resolve(path, obj) {
    return path.split('.').reduce(function(prev, curr) {
        return prev ? prev[curr] : null
    }, obj || self)
}

使用示例:

resolve("document.body.style.width")
// 或者
resolve("style.width", document.body)
// 或者甚至使用数组索引
// (someObject已在问题中定义)
resolve("part.0.size", someObject) 
// 当中间属性未定义时返回null:
resolve('properties.that.do.not.exist', {hello:'world'})
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号