How to Store an Object Inside an Array in JavaScript ?
Last Updated :
06 Feb, 2024
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.
Javascript
const myArray = [
{ name: "Rahul" , language: "HTML" },
{ name: "Nikita" , language: "Javascript" },
];
const newObj =
{ name: "Virat" , language: "React" };
const newArray = [...myArray, newObj];
console.log(newArray);
|
Output
[
{ 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.
Javascript
const myArray = [
{ name: "Rahul" , language: "HTML" },
{ name: "Nikita" , language: "Javascript" },
];
const newObj = { name: "Virat" , language: "React" };
myArray.push(newObj);
console.log(myArray);
|
Output
[
{ 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.
Javascript
const myArray = [
{ name: "Rahul" , language: "HTML" },
{ name: "Nikita" , language: "Javascript" },
];
const newObj1 =
{ name: "Virat" , language: "React" };
const newObj2 =
{ name: "Megha" , language: "Redux" };
myArray.splice(myArray.length, 0, newObj1, newObj2);
console.log(myArray);
|
Output
[
{ name: 'Rahul', language: 'HTML' },
{ name: 'Nikita', language: 'Javascript' },
{ name: 'Virat', language: 'React' },
{ name: 'Megha', language: 'Redux' }
]
Share your thoughts in the comments
Please Login to comment...