javascript - Jquery 循环问题

Question

我正在尝试遍历我的数组元素，找到它们的总和并用该值更新一个 div。

出于某种原因，我的 each() 循环没有按预期工作。例如，当我输入 12 时，输入 3 次，答案应该是 36，但我得到的是 72。

任何建议，谢谢!

在此处查看完整代码:http://jsfiddle.net/lakesmaa/DGPST/3/

 $.each(array, function() { 
       sum += parseInt(this);  


    }); 
    $('.total').html(sum); 

    };

Answer 1

每次单击按钮时，您都会将项目添加到数组中:

array.push(newItem);   

然后遍历数组，并将每个项目添加到总和。

因此，在第一次点击时:

array = [12], sum = 12

第二次点击:

array = [12, 12], sum = (12 + 12 + 12) = 36

第三次点击:

array = [12, 12, 12], sum = 36 + 12 + 12 + 12 = 72

---

要么将函数中的 sum 重置为 0:

$('#button').click(function() { 
    var sum = 0;  // reset

jsFiddle Demo

或者，直接添加项目，而不遍历数组:

array.push(newItem);   
sum += parseInt(newItem);

// Remove the for each loop iterating over the array to accumulate sum

jsFiddle Demo