JavaScript如何通过变量来访问对象的属性

来源:IT星空
访问量:63
发布日期:2023-11-22

例如有如下对象:

let citys = {
	"石家庄市": [
		"shijiazhuang",
		"050000"
	],
	"唐山市": [
		"tangshan",
		"063000"
	]
}

我们要访问对象的属性,可以用 对象名称.属性名 的办法,也可以用 对象名称[属性名],如:

citys.石家庄市    或   citys[石家庄市]

但是有时候我们会遇到一种情况,不确定或不固定属性名,属性名会根据用户端的交互产生不同的值,比如选地址时,小明可能选石家庄市,但是小李可能选唐山市。这时就会产生通过变量做为属性名来访问对象属性的需求。

如何访问呢,只能使用中括号这种方式:

let cityname = "城市名称";	//		这里的城市名称是根据用户端的事件触发的结果
console.log(citys[cityname]);	//通过变量方式只能用中括号的写法,且括号内不要带单引号或双引号。