javascript - forloop的最后一次迭代修改vue中的最终输出

Question

我是 Vue 新手，所以不知道如何解决这个问题，让我先展示代码，然后再展示问题，我正在使用 Vue-Good-table

  methods:{

         getTotals(){
            var self = this;
            var new1=[];
            this.$http.get('http://localhost:3000/api/purchases')
            .then(function (response) {
              console.log("response.data value")
              console.log(response.data)
                for (var i = 0; i < response.data.length; i++) {
                   var item1=JSON.parse(response.data[i].pur_items);
                     console.log("item1 for index i time" +i)
                      console.log(item1)

                      new1=item1

                }
               console.log("final output")
               console.log(new1)


            })

        },

},

这里是for循环的控制台日志 现在我的问题是，而不是在最终输出中获取 5 个数组(即在 new1 中)它总是显示 2 个数组，即在最后一次迭代中它有 2 个数组，我最终得到了我做错了什么的想法

Answer 1

根据您的代码，最终 new1 包含最后一次迭代的数组是正常的。

您应该尝试将 new1 = item1; 替换为 new1 = new1.concat(item1);

有关 Array 原型(prototype)方法的更多详细信息，我建议查看 doc on Mozilla Developer Network .