javascript - 如何将多个对象添加到对象内的数组中

Question

下面的代码会将最后生成的对象添加到 Person 对象的phones 数组中。我想做的是将所有生成的对象添加到phones数组中。

var person = {
    username : username,
    phones : []
}

// Added Profile
var phoneObjs   = {};
var addedPhones = $('.added_phone');

循环遍历所有新的 .added_phone 输入值的函数:

addedPhones.each( function(i) {
    var tag = $(this).children("label").text();
    var value = $(this).children("input").val();
    phoneObjs = $(this).map(function(i,el) {
        var $el = $(el);
        return {
            tag: tag,
            label: value
        }
    }).get();

    console.log(phoneObjs);

    person.phones = phoneObjs;
    // person.phones.push(phoneObjs);

    console.log(person.phones);
});

我将创建 2 个新的输入字段并输入 2 个不同的数字，接下来我提交表单并运行上面的函数。从 Chrome 控制台 console.log(person.phones):

第二次循环时，第一个对象被替换

如何避免这个问题？

Answer 1

在 ES5 中

person.phones = person.phones.concat(phoneObjs);

在 ES6 中:

person.phones = [...person.phones,...phoneObjs];