JavaScript 获取对象属性值的两种方法:点运算符与方括号运算符详解

作者:函数茶馆

时间:2026-10-31

浏览:150

本文介绍 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 获取对象属性值两种方式的详细介绍。如需了解更多相关内容,建议查阅本站往期文章或继续浏览后续内容,感谢支持。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章