Javascript array.push() nicht hinzufügen, aber ersetzen Sie es

Question

Ich habe einige Kontrollkästchen mit bootstrapSwitch gestylt. Ich schrieb ein Skript, das den Wert eines Kontrollkästchens zu einem Array hinzufügen muss, wenn bootstrapSwitch state wahr ist.

Dies ist mein Code:

$('input[name^=skill]').on('switchChange.bootstrapSwitch', function (event, state) { 

    //alert(state); 
    //var s = []; 

    var s = new Array(); 

    if(state === true) 
    { 
     //var value = $(this).val(); 
     s.push($(this).val()); 

     console.log(s);//(value) 

    } 

     console.log(s);//(value) 
}); 

Aber überraschend push Methode den Wert ersetzen und meine s Array immer einen Index haben.

Bitte lassen Sie mich wissen, warum ist das so?

Vielen Dank im Voraus

Answer 1

var s = new Array(); 

diese definieren die Handler-Funktion aus.

Es ist immer 1, weil Sie es jedes Mal neu erstellen.

Answer 2

var s = new Array();// this line should be out side of function. so it will not be new object everytime 

so versuchen, diese

var s = new Array();// this line should be here. so it will not be new object everytime 

$('input[name^=skill]').on('switchChange.bootstrapSwitch', function (event, state) { 

    //alert(state); 
    //var s = []; 

    var s = new Array(); 

    if(state === true) 
    { 
     //var value = $(this).val(); 
     s.push($(this).val()); 

     console.log(s);//(value) 

    } 

     console.log(s);//(value) 
}); 

Answer 3

var s = []; 

$('input[name^=skill]').on('switchChange.bootstrapSwitch', function (event, state) { 

     //alert(state); 
     //var s = []; 



     if(state === true) 
     { 
      //var value = $(this).val(); 
      s.push($(this).val()); 

      console.log(s);//(value) 

     } 

      console.log(s);//(value) 
    }); 

einfach das Array außerhalb erklären. Benutzer [] stattdessen auf neues Array(), da es schneller ist.