Update array with new object JavaScript without using index

Update array with new object JavaScript without using index

As a web developer, I have come across situations where I need to update an array with a new object in JavaScript without using the index. In such cases, I found two ways to achieve this.

Using Spread Operator

The first way to update an array with a new object in JavaScript without using the index is by using the spread operator. The spread operator allows us to spread the existing array into a new array and add the new object at the end of it.


const array = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}];
const newObj = {id: 3, name: 'Jack'};

const newArray = [...array, newObj];

console.log(newArray); // [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Jack'}]

In the above example, we have an existing array of objects called 'array'. We want to add a new object called 'newObj' to this array without using the index. We use the spread operator to spread the 'array' into a new array called 'newArray' and add the 'newObj' at the end of it. The output will be the updated array with the new object.

Using Concat Method

The second way to update an array with a new object in JavaScript without using the index is by using the concat method. The concat method allows us to concatenate two arrays into a new array.


const array = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}];
const newObj = {id: 3, name: 'Jack'};

const newArray = array.concat(newObj);

console.log(newArray); // [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Jack'}]

In the above example, we have an existing array of objects called 'array'. We want to add a new object called 'newObj' to this array without using the index. We use the concat method to concatenate the 'array' and 'newObj' into a new array called 'newArray'. The output will be the updated array with the new object.

These are the two ways I found to update an array with a new object in JavaScript without using the index. Both methods are equally efficient and easy to use. It depends on the developer's preference which method they want to use.

Subscribe to The Poor Coder | Algorithm Solutions

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
[email protected]
Subscribe