javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js获取对象属性值

js获取对象的属性值两种方式

作者:林小白的日常

这篇文章主要介绍了js获取对象的属性值两种方式,在JavaScript中访问对象的属性值可以通过点运算符(.)或括号运算符([])两种方式,文中将两种方式的代码介绍的非常详细,需要的朋友可以参考下

获取对象的属性值,有两种方式。

方式一:

对象.属性名

let obj = {
	name:'张三',
	age:23
};
console.log(obj.name);      //张三

方式二:

对象[属性名]

let obj = {
	name:'张三',
	age:23
};
console.log(obj['name']);  //张三

两种方式有什么不同?

1.[ ]运算符可以用数字作为属性名,点运算符不能

let obj = {
	name:'张三',
	age:23,
	1:'数字'
};
console.log(obj[1]);  //数字
console.log(obj.1);      //报错

报错的运行结果:

2.[ ]运算符可以用变量作为属性名,点运算符不能

let obj = {
	name:'张三',
	age:23,
	1:'数字'
};
			
let key = 'name'
console.log(obj[key]);  //张三
console.log(obj.key);      //undefined

运行结果:

总结 

到此这篇关于js获取对象的属性值两种方式的文章就介绍到这了,更多相关js获取对象属性值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文