Storing an object inside an array in JavScript involves placing the object as an element within the array. The array becomes a collection of objects, allowing for convenient organization and manipulation of multiple data structures in a single container. Following are the approaches through which it can be achieved.

Using spread Operator

The spread operator is used to add an object to an array by creating a shallow copy of the original array and appending the new object. This ensures the original array remains unchanged while incorporating the new element.

Syntax:

let variablename1 = [...value]; 

Example: In this example, we create an array myArray with two objects. It defines a new object newObj and uses the spread operator to add it to myArray, creating a newArray, which is then logged.

[
  { name: 'Rahul', language: 'HTML' },
  { name: 'Nikita', language: 'Javascript' },
  { name: 'Virat', language: 'React' }
]

Using Push() method

The push() method in JavaScript is utilized to add an object to the end of an array.

Syntax:

array.push(objectName)

Example: `myArray.push(newObj)` adds the object `newObj` to the end of the array `myArray`, dynamically expanding its length.

[
  { name: 'Rahul', language: 'HTML' },
  { name: 'Nikita', language: 'Javascript' },
  { name: 'Virat', language: 'React' }
]

Using Splice Method

The `splice()` method in JavaScript can be used to store an object inside an array by specifying the starting index and deleting zero elements, then inserting the object.

Syntax:

arr.splice(index, 0, objectName)

Example: In this example, we define an array myArray with objects. It adds two new objects, newObj1 and newObj2, to the end of the array using the splice() method.

[
  { name: 'Rahul', language: 'HTML' },
  { name: 'Nikita', language: 'Javascript' },
  { name: 'Virat', language: 'React' },
  { name: 'Megha', language: 'Redux' }
]