首页 > web前端 > js教程 > 如何使用字符串名称访问 JavaScript 对象属性?

如何使用字符串名称访问 JavaScript 对象属性?

DDD
发布: 2024-12-17 06:49:25
原创
799 人浏览过

How Can I Access JavaScript Object Properties Using String Names?

JavaScript 对象:使用字符串属性名称访问变量属性

在 JavaScript 中,可以使用对象属性的名称作为属性来检索其值细绳。在处理动态属性名称或处理编译时属性名称未知的嵌套对象时,此方法通常很有用。

要使用其名称作为字符串来访问对象属性,可以使用括号表示法:

var side = columns['right'];
登录后复制

此表示法相当于点表示法:

var side = columns.right;
登录后复制

但是,括号表示法更通用,如它允许您根据变量值或函数返回值动态访问属性:

var propertyName = 'left';
var propertyValue = columns[propertyName];
登录后复制

如果您更喜欢使用函数通过字符串名称访问对象属性,这里有一个简单的实现:

function read_prop(obj, prop) {
    return obj[prop];
}
登录后复制

此函数接受一个对象和一个属性名称作为参数,并返回相应属性的值。

嵌套对象

使用嵌套对象时,您可以使用多组括号访问属性:

var foo = { a: 1, b: 2, c: { x: 999, y: 998, z: 997 } };
var cx = foo['c']['x'];
登录后复制

未定义的属性

如果尝试访问未定义的属性,结果将是未定义的,不为 null 或假:

foo['c']['q'] === null // returns false
foo['c']['q'] === false // returns false
foo['c']['q'] === undefined // returns true
登录后复制

以上是如何使用字符串名称访问 JavaScript 对象属性?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板