如何將字符串值轉換爲JavaScript中的變量？

Question

var test1; 
$(document).ready(function() { 
    test1 = $("#test1ID").jQueryPlugin(); 
}); 

var test2; 
$(document).ready(function() { 
    test2 = $("#test2ID").jQueryPlugin(); 
}); 

... 

這樣做是爲了我們可以做test1.foo() ... foo是jQueryPlugin中的一個函數，可以使用test1.foo()語法訪問;

所以我們有一個包含字符串（TEST1，TEST2，...） 的數組，我們需要訪問環路FOO（），而：

for(i=0; i < theArrayOfStrings.length; i++){ 
    theArrayOfStrings[i].foo(); 
    //so here is the problem... we can't do test1.foo(), test2.foo() ... =(
} 

如何調用函數的任何想法foo（），而在循環？ 或者我們可以在javascript中將字符串值轉換爲變量嗎？

Answer 1

eval() function用來在一個字符串變量來評估腳本。例如：

var test1; 
eval("test1=" + theArrayOfStrings[i]); 
test1.foo(); 

而是採取了永樂在這個問題在使用前When is JavaScript’s eval() not evil?

Answer 2

你試過

$('#' + theArrayOfStrings[i]).foo(); 

看一看API/1.3/Selectors

Answer 3

var test = [], n = 5; 
$(document).ready(function() { 
    for(var i=0; i < n; i++) 
     test.push($("#test"+i+"ID").jQueryPlugin()); 
}); 

// the values in test won't be accessible before the document is loaded. 

Answer 4

這可能是值得創建一個對象來保存你所有的「試驗」：

var tests = {}; 

$(document).ready(function() { 
    tests.test1 = $("#test1ID").jQueryPlugin(); 
    tests.test2 = $("#test2ID").jQueryPlugin(); 
}); 

for(i=0; i < theArrayOfStrings.length; i++){ 
    tests[theArrayOfStrings[i]].foo(); 
}