本文介绍 JavaScript 中获取对象属性值的两种主要方式:点运算符和方括号运算符。通过代码示例对比两者差异,重点说明方括号支持数字键和变量动态访问,而点运算符仅支持合法标识符。
在 JavaScript 中,访问对象的属性值通常有两种实现方式。
第一种方式:
使用点运算符,语法为:对象.属性名
let obj = {
name:'张三',
age:23
};
console.log(obj.name); //张三
第二种方式:
使用方括号运算符,语法为:对象[属性名]
let obj = {
name:'张三',
age:23
};
console.log(obj['name']); //张三这两种访问方式在实际应用中有何具体区别?
首先,方括号运算符允许使用数字作为属性名,而点运算符不支持。
let obj = {
name:'张三',
age:23,
1:'数字'
};
console.log(obj[1]); //数字
console.log(obj.1); //报错当尝试使用点运算符访问数字键时,会触发报错。

其次,方括号运算符支持使用变量作为属性名,而点运算符不支持。
let obj = {
name:'张三',
age:23,
1:'数字'
};
let key = 'name'
console.log(obj[key]); //张三
console.log(obj.key); //undefined运行结果如下:

总结
以上就是关于 JavaScript 获取对象属性值两种方式的详细介绍。如需了解更多相关内容,建议查阅本站往期文章或继续浏览后续内容,感谢支持。