How to add multiple Objects into an Array inside an Object

Question

My code below will add the last generated Object into the phones array of the Person object. What I'm trying to do is be able to add all the generated Objects into the phones array.

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

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

The function that loops through all the new .added_phone input values:

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);
});

I'll create 2 new input fields and enter 2 different numbers, next I submit the form and run the function above. From the chrome console console.log(person.phones):

enter image description here

The 2nd time it loops around, the first Object gets replaced
enter image description here

How would you avoid this problem?

try concat like person.phones = person.phones.concat(phoneObjs); — Arun P Johny
– Arun P Johny, Commented Feb 26, 2014 at 16:56
@MinkoGechev the push ended up creating an Array inside of an Array inside and Object. Instead of Object in Array in Object — Leon Gaban
– Leon Gaban, Commented Feb 26, 2014 at 17:05

Yuri Gor · Accepted Answer · 2021-01-03 16:13:47Z

3

In ES5

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

In ES6:

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

edited Jan 3, 2021 at 16:13

answered Feb 26, 2014 at 16:59

Yuri Gor

1,4931 gold badge15 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Leon Gaban Over a year ago

Thanks! That was it :) I tried push, but ended up putting Arrays inside of the phone Array instead of objects

Collectives™ on Stack Overflow

How to add multiple Objects into an Array inside an Object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related