javascript – Array.push用插入的最后一个数组替换所有数组元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Array.push用插入的最后一个数组替换所有数组元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1207字，纯文字阅读大概需要2分钟。

内容图文

我有以下代码：

var ship_array = new Array();

var ship_object = new Object();
    ship_object.builder_id = 0;
    ship_object.list_id = 0;
    ship_object.ship_id = 0;
    ship_object.title_id = 0;

然后在保存功能中,我做：

function saveAll() {
    // Array cleaning
    while (ship_array.length) { ship_array.pop(); }

    // Cyclic save function
    $.each($(".ship-block"), function () {
        ship_object.builder_id = parseInt($(this).attr("data-counter"));
        ship_object.list_id = list.id;
        ship_object.ship_id = parseInt($(this).attr("data-ship-id"));
        ship_array.push(ship_object);
    });
    console.log(ship_array);
}

在使用Chrome进行调试时,每个ship_object在每个循环中都有正确的值,但是当我打印数组时,每个对象都具有相同的值,这些值都与插入的最后一个对应.字面上不知道为什么会发生这种情况.想法？

解决方法:

基本上,您正在使用对象的引用并一次又一次地更新同一对象.每次循环迭代时尝试创建一个新对象,

function saveAll() {
    //while (ship_array.length) { ship_array.pop(); }
    ship_array = [];
    $(".ship-block").each(function () {
        ship_object = {}; // creating a new object here!!
        ship_object.builder_id = parseInt($(this).attr("data-counter"));
        ship_object.list_id = list.id;
        ship_object.ship_id = parseInt($(this).attr("data-ship-id"));
        ship_array.push(ship_object);
    });
    console.log(ship_array);
}

内容总结

以上是互联网集市为您收集整理的javascript – Array.push用插入的最后一个数组替换所有数组元素全部内容，希望文章能够帮你解决javascript – Array.push用插入的最后一个数组替换所有数组元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端