How can I append an object to another object?

Question

Can someone help me append an object another object? For example, I have the original object:

var object = {
    { product_code: '55993',
      brand: 'Phillips66',
      category: 'LUBES AND GREASES',
      description: 'cuatro cinco seis',
      price: '300.00',
      quantity: '3' 
    }
}

and I want to append:

    { product_code: '90210',
      brand: 'Phillips66',
      category: 'LUBES AND GREASES',
      description: 'cuatro cinco seis',
      price: '500.00',
      quantity: '5' 
    }

So in the end, object looks like:

object = {
    { product_code: '55993',
      brand: 'Phillips66',
      category: 'LUBES AND GREASES',
      description: 'cuatro cinco seis',
      price: '300.00',
      quantity: '3' 
    },
    { product_code: '90210',
      brand: 'Phillips66',
      category: 'LUBES AND GREASES',
      description: 'cuatro cinco seis',
      price: '500.00',
      quantity: '5' 
    }
}

How do I do that?

Answer 1

You can use ES6 spread operator to append object.

object = { ...object, 
...{ product_code: '90210',
      brand: 'Phillips66',
      category: 'LUBES AND GREASES',
      description: 'cuatro cinco seis',
      price: '500.00',
      quantity: '5' 
    }
}

Answer 2

Your object variable should be an array, not an object:

    var object = [
        { product_code: '55993',
          brand: 'Phillips66',
          category: 'LUBES AND GREASES',
          description: 'cuatro cinco seis',
          price: '300.00',
          quantity: '3' 
        }
    ]

Then you can add other objects into it:

object.push({ product_code: '90210',
      brand: 'Phillips66',
      category: 'LUBES AND GREASES',
      description: 'cuatro cinco seis',
      price: '500.00',
      quantity: '5' 
    });

Hope it helps.

Answer 3

You have a couple of options:

1. Define a property name under which to store the second object, which won't give you a structure like the one you've shown at the end of your question.

2. Use an array, which will give you something very nearly like what you have at the end of your question:

   [
       { product_code: '55993',
         brand: 'Phillips66',
         category: 'LUBES AND GREASES',
         description: 'cuatro cinco seis',
         price: '300.00',
         quantity: '3' 
       },
       { product_code: '90210',
         brand: 'Phillips66',
         category: 'LUBES AND GREASES',
         description: 'cuatro cinco seis',
         price: '500.00',
         quantity: '5' 
       }
   ]
   

   Note the [ and ] instead of { and } at the outermost level.

If you have an object:

var object1 = {foo: "bar"};

and another object:

var object2 = {biz: "baz"};

Then option #1 looks like this:

object1.anyNameHere = object2;

...which will give you:

{
   foo: "bar",
   anyNameHere: {
       biz: "baz"
   }
}

Or option #2:

var a = [object1, object2];

...which will give you:

[
    {
        foo: "bar"
    },
    {
        biz: "baz"
    }
]