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

Question

下面的代码会将最后生成的Object添加到Person对象的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)：

第二次循环，第一个Object被替换

你会如何避免这个问题？

Answer 1

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