Javascript 仅存储 JSON 对象中循环中的最后一个

Question

我有一个带有 4 个 inputRange slider 的 HTML 站点。如果用户单击按钮，范围内的所有值都应存储在嵌套的 JSON 对象中。到目前为止一切顺利，但 JS 只保存该数组中的最后一个，而不保存之前的其他数组。但是所有的 Sliders 都有从 1 到 5 的不同值，但是 JS 只保存了最后一个 slider 的 4。这是我的代码:

    //Speichert die aktuellen Angaben in einem Nested-JSON Objekt
function saveBewertung() {
var jsonObj = {};
var kriterien = []; 
var bewertungen = {};

 //Loop
$('input[type=range]').each(function() {


    var id = $(this).attr("id");
    var note = $(this).val();


    bewertungen.id = id;
    bewertungen.note = note;

    kriterien.push(bewertungen);
    jsonObj.Bewertungen = kriterien;

});

jsonObj.Kommentar  = $('textarea#kommentar').val();


//TEST AUSGABE
alert(JSON.stringify(jsonObj));

}

结果:

Answer 1

您一次又一次地将同一个对象插入数组。您需要在 each block 中每次初始化 bewertungen。

声明

var bewertungen = {};

在 each block 中

$('input[type=range]').each(function() {
    var bewertungen = {};
    var id = $(this).attr("id");
    var note = $(this).val();    

    bewertungen.id = id;
    bewertungen.note = note;

    kriterien.push(bewertungen);
});
jsonObj.Bewertungen = kriterien;  //this line can be moved out