如何将多个值赋给一个数组并将它们相加？

Question

我已经实现了这个，但由于我不熟悉 FOR 循环语句，我已经这样做了，如下所示！ 您能帮我使用 FOR 循环语句缩短这段代码并解释一下它是如何工作的吗！谢谢

这是我的代码：

var inputs = new Array();
inputs["a"] = document.getElementById("a").value;
inputs["b"] = document.getElementById("b").value;
inputs["c"] = document.getElementById("c").value;
inputs["d"] = document.getElementById("d").value;
inputs["e"] = document.getElementById("e").value;

然后我将它们添加为：

var inputsvalue = inputs["a"] + inputs["b"] + inputs["c"] + inputs["d"] + inputs["e"];

请注意，我正在添加每个输入字段的值并将它们分配给一个变量！

例如，假设输入字段 a、b、c、d、e 的值如下：

1, 2, 3, 4, 5

所以我希望将它们分配给变量“inputsvalue”，例如：

var inputsvalue = "12345";

这就是我添加的原因他们就是这样！那么有没有其他方法可以做到这一点！在此示例中，我只有 5 个输入字段，但如果有大约 100 个输入字段怎么办！

本题的目的是了解本例中FOR循环语句是如何工作的！

提前致谢！ :)

Answer 1

// Too bad you can't use reduce.


inputs.reduce(function(a,b){
    return a.concat(b);
})

// If you could use reduce, you could use map, as well.

var sum= 'abcde'.split('').map(function(itm){
    return document.getElementById(itm).value;
}).reduce(function(a, b){
    return a.concat(b);
});
alert(sum)

/*    New browsers include map and reduce-
    you can add them to older browsers,
    but it might make your for in loops break,
    if you use for in loops to iterate arrays.
*/

if(!Array.prototype.map){
    Array.prototype.map= function(fun, scope){
        var T= this, L= T.length, A= Array(L), i= 0;
        if(typeof fun== 'function'){
            while(i< L){
                if(i in T){
                    A[i]= fun.call(scope, T[i], i, T);
                }
                ++i;
            }
            return A;
        }
    }
}
if(!Array.prototype.reduce){
    Array.prototype.reduce= function(fun, temp, scope){
        var T= this, i= 0, len= T.length, temp;
        if(typeof fun=== 'function'){
            if(temp== undefined) temp= T[i++];
            while(i < len){
                if(i in T) temp= fun.call(scope, temp, T[i], i, T);
                i++;
            }
        }
        return temp;
    }
}

Answer 2

var inputsValue = "";
for (var i = 0; i < inputs.length; i++){
    inputsValue += inputs[i];
}

Answer 3

你可以使用

  var elems = document.getElementsByTagName("input");
  var sum = '';

  for(i=0; i<elems.length; i++) {
     sum = sum + elems[i].value;
  }

   alert(sum); // to check your result

Answer 4

更好的方法是将每个输入的 id 命名为：id="element0"，或者通常为：id="element"

这样你就可以去：

var sum = 0;
for (i=0; i<max; i++){
    var elements = document.getElementById("element" + i);
    sum += Number(elements.value);
}