How to push array containts objects to object with key using Javascript?

Question

I have created an object like this:

var obj = {
    name: $('#name').val(),
    age:  $('age').val()
};

And I have an array object like this

var arrObj = [
    {level: 10, status: 1},
    {level: 8, status: 0}
];

I want to push my array to an object with a defined key, and expected result:

{
    name: 'Name A',
    age:  30,
    level: [
        {level: 10, status: 1},
        {level: 8, status: 0}
    ]
}

But I don't know how to push my array to object with a key. I tried:

var obj = {
    name: $('#name').val(),
    age:  $('age').val(),
    level: []
};

obj['level'].push(arrObj);

But I will make my level element have 1 more array level like this:

{
    name: 'Name A',
    age:  30,
    level:[ 
        [
            {level: 10, status: 1},
            {level: 8, status: 0}
        ]
    ]
}

How I can get the results I expected.

Thank you very much!

Mr.Online · Accepted Answer · 2022-06-17 04:00:08Z

3

An array can be directly assigned to an object using = (assignment operator)

You can try out assigning an array of objects to the level key by following.

var obj = {
    name: 'Name A',
    age:  30,
    level: []
};
var arrObj = [
    {level: 10, status: 1},
    {level: 8, status: 0}
];

obj.level = arrObj //arrObj's value will be overwritten to level key and if such key doesn't exist then it'll be created!

console.log(obj)

edited Jun 17, 2022 at 4:00

answered Jun 17, 2022 at 3:52

Mr.Online

3264 silver badges17 bronze badges

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

Comments

Gustavo A Olmedo · Accepted Answer · 2022-06-17 03:50:33Z

1

you can try with the spread operator

obj['level'].push(...arrObj);

answered Jun 17, 2022 at 3:50

Gustavo A Olmedo

5754 silver badges13 bronze badges

Comments

Sang Suantak · Accepted Answer · 2022-06-17 03:50:45Z

1

You can just do this

obj.level = arrObj;

The level property within obj will be created on the fly if such property doesn't exist.

answered Jun 17, 2022 at 3:50

Sang Suantak

5,2652 gold badges30 silver badges46 bronze badges

Comments

Nick · Accepted Answer · 2022-06-17 03:51:44Z

1

You can use concat in place of push:

var obj = {
    name: 'Name A',
    age:  30,
    level: []
};
var arrObj = [
    {level: 10, status: 1},
    {level: 8, status: 0}
];

obj.level = obj.level.concat(arrObj);

console.log(obj)

answered Jun 17, 2022 at 3:51

Nick

147k23 gold badges67 silver badges106 bronze badges

Collectives™ on Stack Overflow

How to push array containts objects to object with key using Javascript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related