Nest one array inside an object using JavaScript

Question

I have an array and an object and I would like to combine them by nesting the array within the object using JavaScript. I do not want to use lodash, jQuery, or any other library because my project is fairly small and I cannot add that overhead.

This is my current object and array:

var myObject = {
  "key1": "value 1",
  "key2": "value 2"
}
var myArray = [
  { "id": 1, "name": "name 1"},
  { "id": 2, "name": "name 2"}
]

And this is how I would like it to be structured:

var myObject = {
  "key1": "value 1",
  "key2": "value 2",
  "myArray": [
    { "id": 1, "name": "name 1"},
    { "id": 2, "name": "name 2"}
  ]
}

I've tried using the JavaScript push() method, but that didn't work for me. Any guidance would be greatly appreciated. Thanks!

push it is for Arrays

Observer
– Observer

2018-06-08 18:32:40 +00:00
Commented Jun 8, 2018 at 18:32 — Observer
– Observer, Commented Jun 8, 2018 at 18:32

dgeare · Accepted Answer · 2018-06-08 18:33:51Z

2

Just make an assignment to the object of your array.

myObject.myArray = myArray;

Be aware that array's are assigned by reference by default. So changing either will change both variables.

answered Jun 8, 2018 at 18:33

dgeare

2,6585 gold badges21 silver badges30 bronze badges

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

2 Comments

spookybot Over a year ago

What exactly do you mean by "array's are assigned by reference by default"? I appreciate the added explanation and would like to use this as a learning opportunity.

dgeare Over a year ago

@spookybot so, in JS objects (which Array is actually a subtype of) are assigned by reference and mutable. Which means if I say var a = {}; and var b = a; both a and b contain the same object. so a.foo = "bar"; console.log(b.foo);//outputs "bar" this is in contrast to scalar types (numbers, strings, boolean) which are assigned by value. If you want to be able to change myArray and myObject.myArray independently of each other, you need to make a copy of the array instead. Frequently done via myObject.myArray = myArray.slice(). Hope that helps a little bit.

Luis felipe De jesus Munoz · Accepted Answer · 2018-06-08 18:32:58Z

1

myObject.myArray = myArray

var myObject = {
  "key1": "value 1",
  "key2": "value 2"
}
var myArray = [
  { "id": 1, "name": "name 1"},
  { "id": 2, "name": "name 2"}
]

myObject.myArray = myArray

console.log(myObject)

answered Jun 8, 2018 at 18:32

Luis felipe De jesus Munoz

8,0133 gold badges38 silver badges54 bronze badges

Comments

ouni · Accepted Answer · 2018-06-08 18:33:30Z

1

myObject.myArray = myArray

Keep it simple.

answered Jun 8, 2018 at 18:33

ouni

3,3533 gold badges19 silver badges21 bronze badges

Comments

Alexander Staroselsky · Accepted Answer · 2018-06-08 18:32:43Z

0

    var myObject = {
      "key1": "value 1",
      "key2": "value 2"
    }
    
    var myArray = [
      { "id": 1, "name": "name 1"},
      { "id": 2, "name": "name 2"}
    ];
        
    myObject['myArray'] = myArray;
    
    console.log(myObject);

answered Jun 8, 2018 at 18:32

Alexander Staroselsky

39k16 gold badges83 silver badges98 bronze badges

Comments

Gavin Thomas · Accepted Answer · 2018-06-08 18:35:43Z

0

Using the newest rest and spread syntax, you could also achieve it like this.

let myObject = {...myObject, myArray}

answered Jun 8, 2018 at 18:35

Gavin Thomas

1,8772 gold badges13 silver badges19 bronze badges

Collectives™ on Stack Overflow

Nest one array inside an object using JavaScript

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related