使用变量的值访问对象的属性
Using the value of a variable to access a property of an object
var fruit = {apple:"1", banana:"2"};
var w = "apple";
console.log(fruit.w); //this is problematic
我正在尝试在我的代码中使用此逻辑在控制台中显示值"1"。 这行不通。 直观地说,这是有道理的,因为console.log(fruit.w);
等价于console.log(fruit."apple");
,因为引号是无意义的。 那么我该如何修改此代码才能工作呢?
您可以使用:
console.log(fruit[w]);
这就是为什么这不起作用。这一切都与范围有关。当你调用 fruit.w
时,它查找的是属于fruit
对象的属性w
,而不是对象fruit
中的全局变量w
的值。
相反,您可以使用 [w]
,它使用全局 w
的值作为对象 fruit
的属性名称。
注意:全局用于它所在的代码块的上下文中。
var fruit = {apple:"1", banana:"2"};
var w = "apple";
console.log(fruit[w]); // Produces '1'
这使用此表示法将变量的值用作属性。
这个片段应该说明这一点。
$(document).ready(function() {
var fruit = {
apple: "1",
banana: "2"
};
var w = "apple";
$(".apple").text(fruit[w]);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="apple"></div>
延伸阅读:
MDN 括号表示法(谢谢@Grundy)
相关文章:
- 如何从对象的原型方法访问JavaScript对象属性
- 如何将数组项添加到对象属性中
- 设置嵌套对象属性的更好方法
- JavaScript管理具有重复属性名称的对象属性
- 如何使用element.myobj.prop等具有对象属性的元素
- 如何使用(this)访问Angular 2 http rxjs catch函数中的对象属性
- Es6:能够在设置/更新/删除对象属性时调用自定义方法
- 如何在AngularJS工厂中正确声明对象属性
- 如何使用object.assign()从其他对象引用基本对象属性
- 使用XPath样式访问Javascript JSON对象属性
- 将javascript对象(属性+值)合并到一个对象中
- 数组:使对象属性成为数组键
- 无法从JavaScript中的函数调用对象属性
- Google Closure Advanced |无法识别对象属性|动态属性
- Javascript从匿名函数访问外部对象属性
- 从函数更改对象属性
- 如何从字符串变量访问对象属性
- 从嵌套对象属性中获取排除某个值的最高值
- 在Aurelia computeds中,当设置依赖关系时,如何声明对对象属性的依赖关系
- 传递数量不确定的可能嵌套的对象属性