Как получить динамическую переменную из объекта

Question

У меня есть объект JS, который выглядит следующим образом:

  var detailsArray = [ 
           {a0 :1, 
            b0 :'A'}, 
           {a1 :2, 
            b1 :'B'}, 
           {a2 :3, 
            b2 :'C'}, 
           {a3 :4, 
            b3 :'D'}]; 

Это как объект создается на стороне сервера. На стороне клиента я хочу получить значение всех «а» и добавить их в массив. Проблема в том, что имя переменной меняется в зависимости от номера индекса. Я попытался использовать underscore.js, чтобы сделать что-то вроде этого:

  var variableA = new Array(); 
      for(var i = 0;i<detailsArray.length;i++){ 
      var temp = 'a' + i; 
      variableA[i] = _.pluck(detailsArray,temp); 
      }    

Но это не работает. Может ли кто-нибудь сказать, как получить значения?

Answer 1

Существует два способа доступа к свойствам объекта в JavaScript: с помощью точки, как вы только что сделали, или используя стиль синтаксиса массива.

var obj = {'a':5}; 

obj.a 
obj['a'] 

Так что с вашим кодом, это дало бы это:

var variableA = new Array(); 
for(var i = 0;i<detailsArray.length;i++){ 
    variableA[i] = detailsArray[i]['a' + i]; 
} 

Answer 2

вот один из возможных вариантов реализации

var tmp = []; 
for (var i = 0; i < detailsArray.length; i++) { 
    var obj = detailsArray[i]; // current object at index 
    for (var props in obj) { // iterate properties in current object 
     if (props.charAt() == "a") { // if starts with a.... 
      tmp.push(obj[props]); // add value to array 
      break; // stop the property iteration and move to next object 
     } 
    } 
} 
console.log(tmp); // [1,2,3,4] 

Answer 3

Вы также можете сделать это так:

for (var i = 0; i < detailsArray.length; i++) 
    alert(eval("detailsArray[" + i + "].a" + i)); 

код я обеспечиваю будет alert все значения, соответствующего как в массиве json, но, очевидно, вы можете делать все, что хотите, с полученными значениями.

Здесь я считаю, что все ключи будут такого рода, но я полагаю, что это безопасное предположение.

Answer 4

С подчеркиванием, вы могли бы сделать:

_.reduce(_.map(detailsArray, function(o, i) { 
    return o['a' + i]; 
}), function(a, b) { 
    return a + b; 
}); 

И с родной JS в новых браузерах:

detailsArray.map(function(o, i) { 
    return o['a' + i]; 
}).reduce(function(a, b) { 
    return a + b; 
});