在jquery中将值推送到数组

Question

我有项目列表data and empty array quotations ：

   var data = {};
   var quotations = [];

我想用数据值填充quotations ，每次添加新数据时，它都会成功添加，但所有数据值都会获得最后一个值。

例如 ：

 $("#addquotation").click(function () {
        debugger;
        var itemname = $("#itemname").val();
        var cost =parseFloat( $("#cost").val());
        var notes = $("#notes").val();
        var date = $("#date").val();


        data.Item = itemname;
        data.Cost = cost;
        data.Notes = notes;
        data.Date = date;

        quotations.push(data);
)};

我第一次添加

“test，45，testnotes，2016-02-03”第二次我添加了“test2,45.2，testnotes2,2016-02-05”

当我调试我获取数据为：

obj（0）：“test2,45.2，testnotes2,2016-02-05”obj（1）：“test2,45.2，testnotes2,2016-02-05”

它似乎将最后一个版本附加到所有数据

请指教 。 谢谢

Answer 1

您需要在click处理程序中声明数据，如果它被声明为全局变量，您基本上总是在修改并向数组添加相同的数据对象：

var quotations = [];

$("#addquotation").click(function () {
        debugger;
        var data = {};
        var itemname = $("#itemname").val();
        var cost =parseFloat( $("#cost").val());
        var notes = $("#notes").val();
        var date = $("#date").val();


        data.Item = itemname;
        data.Cost = cost;
        data.Notes = notes;
        data.Date = date;

        quotations.push(data);
)};

Answer 2

由于您在单击处理程序之外声明data ，因此每次都推送相同的对象引用。

改变自：

var data={};
$("#addquotation").click(function () {

至

$("#addquotation").click(function () {
     var data={};// declare local variable

Answer 3

问题是data是一个全局变量，您可以将data引用添加到quotations 。

当第一个值被推送到quotations ， data和quotations[0]引用同一个对象。 这是一个正在发生的事情的例子：

var a = {num: 1};
var b = a;
b.num = 2;
console.log(a.num); // prints 2

将对象推送到数组时会发生同样的事情。 quotations不包含data副本，它包含对data的引用，以便修改data也可以修改quotations 。 要解决此问题， quotations每个元素都必须引用不同的数据对象。 这可以通过在函数内部而不是在外部定义data来实现。

更换

var data = {};
$("#addquotation").click(function() {
    // populate data, push to quotations
});

同

$("#addquotation").click(function() {
    var data = {};
    // populate data, push to quotations
});