JavaScript变量变量

Question

说我有对象：

function obj() 
{ 
    this.prop1; 
    this.prop2; 
    this.prop3; 
} 

和数组OBJ的

objects = [new obj(),new obj(),new obj()]; 

我想轻松地通过每个使用jQuery遍历其中类名是相当于该财产目的。

var itemsIWantToBind = ["prop1","prop2","prop3"]; 
for(j=0;j<itemsIWantToBind.length;j++) 
{ 
    $("."+itemsIWantToBind[j]).unbind().blur(function(){ 
     var id = $(this).siblings(".objID").html(); 
     if(id >= 0) 
     { 
      objects[id].itemsIWantToBind[j] = $(this).text()); 
     } 
    }); 

} 

我的问题是我希望能够使用可变变量通过项目重复此

objects[id].itemsIWantToBind[j] = $(this).text()); 
      ^^^^^^^^^^^^^^^^^ 

指示的部分不正确绑定数组项目的价值，因为它正试图改为绑定它的属性名称。

在PHP这将是一样的：

foreach($itemsIwantToBind as $item) 
{ 
    $objects[$id]->$item = "Something"; 
} 

有一个简单的方法在JavaScript中做到这一点？

Answer 1

使用方括号表示法：

var o = new obj(); 
o.prop1 = "I'm the value"; 
var s = "prop1"; 
console.log(o[s]); // "I'm the value" 

我觉得这是如何这涉及到你的代码：

["prop1","prop2","prop3"].forEach(function(prop) { // **A** 
    $("."+prop).unbind().blur(function(){ 
     var id = $(this).siblings(".objID").html(); 
     if(id >= 0) 
     { 
      objects[id][prop] = $(this).text()); // **B** 
     } 
    }); 
}); 

（B）是我们实际使用的名称，但要注意的地方（ A）改变，以便我们得到一个不会改变的价值。您不能只使用

// Wrong unless we also change the loop 
objects[id][itemsIWantToBind[j]] = $(this).text()); 

因为j将超出数组的结尾，当事件发生。

forEach是ES5的功能，可以很容易地匀旧的浏览器。或者你也可以使用jQuery的$.each代替：

$.each(["prop1","prop2","prop3"], function(i, prop) { // **A** 
    $("."+prop).unbind().blur(function(){ 
     var id = $(this).siblings(".objID").html(); 
     if(id >= 0) 
     { 
      objects[id][prop] = $(this).text());  // **B** 
     } 
    }); 
});