javascript - 在 Javascript 中迭代变量

Question

我在 block 2 中的目标是通过在 for 循环中定义 javascript 变量来简化我现有的 block 1 代码。下面的代码在控制台中给我错误“意外 token [”。我不确定我在这里使用的语法是否正确。有没有办法遍历数组并动态插入每个数组以获得 block 1 的所需结果？

我能够在 block 2 中使用 console.log details_object[i] 并成功查看所有数组元素，但这是我所能得到的。

   /*Block 1*/

   /*var title = document.getElementById('title').value;
   var phone = document.getElementById('phone').value;
   var firstn = document.getElementById('firstn').value;
   var lastn = document.getElementById('lastn').value;
   var displayn = document.getElementById('displayn').value;*/

   /*Block 2 less code!*/

   var details_object = ["title", "phone", "firstn", "lastn", "displayn"];

   for(var i=0, l = details_object.length; i < l; i++){
     var details_object[i] = document.getElementById("'"+details_object[i]+"'").value;
   }

Answer 1

var details_object[i] = document.getElementById("'"+details_object[i]+"'").value;
 ^---// Delete this var

这就是导致错误的原因。你可能想要这样的东西:

var details_object = ["title", "phone", "firstn", "lastn", "displayn"];
var obj = {};

for(var i=0, l = details_object.length; i < l; i++){
  obj[details_object[i]] = document.getElementById(details_object[i]).value;
}

现在访问obj.title、obj.phone等