jQuery:添加以逗号分隔的值

Question

我正在尝试添加用逗号分隔的值。

尝试过-

$(function(){
    $('#sum').keyup(function(){
    var prevalue=$('#sum').val().split(",");
        for (i=0;i<prevalue.length;i++){
            prevalue+=prevalue[i];
             $('h1').html(prevalue);
}

    });

});

该数组无限且不会循环值。

如何添加以逗号分隔的值？

Fiddle

Answer 1

您正在循环内修改变量 prevalue (由循环条件共享)，每次检查长度作为循环条件。每次它都会在循环内添加一些东西，这样它就会继续下去。它曾经是一个数组，在向其中添加字符串后，它从数组强制转换为字符串，然后检查长度字符串的一部分，然后继续附加到它，它会一直持续下去。

尝试:

$(function(){
    $('#sum').keyup(function(){
    var prevalue=$('#sum').val().split(","), sum = 0;
        for (var i=0;i<prevalue.length;i++){
            sum += parseInt(prevalue[i], 10) || 0; //<--- Use a parseInt to cast it or use parseFloat

         }
     $('h1').html(sum); //<-- move it to out of the loop
    });
 });

<强> Fiddle

您的代码:

$(function () {
    $('#sum').keyup(function () {
        var prevalue = $('#sum').val().split(","); //<-- Iteration 1 prevalue is an array
        for (i = 0; i < prevalue.length; i++) { //iteration1 : it looks for array.length
            prevalue += prevalue[i]; //Changes the variable shared by the loop to string from array and string also has its length. And next time onwards it adds to itself a char from the string and length increases and loop goes infinitely.
            $('h1').html(prevalue); //<-- Doesn't make any sense here.
        }
    });
});