Incrementally add a new object to an existing array of objects

Question

Incrementally add a new object to an existing array of objects

I have an array of objects below. When I do a console.log, this is what I see:

[Object, Object, Object]
0:Object
     name: "Rick"
     Contact: "Yes"
1:Object
     name:"Anjie"
     Contact:"No"
2:Object
     name:"dillan"
     Contact:"Maybe"

Now, I want the array of objects to be updated as follows:

[Object, Object, Object]
0:Object
     name: "Rick"
     Contact: "Yes"
     id: 1
1:Object
     name:"Anjie"
     Contact:"No"
     id: 2
2:Object
     name:"dillan"
     Contact:"Maybe"
     id:3

As you can see, I have added an id that auto-increments when a new object is present.

Could someone please provide guidance on how to achieve this dynamically?

javascript arrays object

Answer 1

Answer №1

Here is a straightforward way to achieve this task:

const people = [{
  name: "Samantha",
  status: "Active"
}, {
  name: "James",
  status: "Inactive"
}, {
  name: "Emily",
  status: "Unknown"
}];

people.forEach(function(person, index) {
  person.id = index + 1;
});

console.log(people);

This code snippet assigns an id to each object in the people array based on their position in the array.

Answer 2

Here is a straightforward way to achieve this task:

const people = [{
  name: "Samantha",
  status: "Active"
}, {
  name: "James",
  status: "Inactive"
}, {
  name: "Emily",
  status: "Unknown"
}];

people.forEach(function(person, index) {
  person.id = index + 1;
});

console.log(people);

This code snippet assigns an id to each object in the people array based on their position in the array.

Incrementally add a new object to an existing array of objects

Answer №1

Similar questions

Unlock the potential of Vue custom props within the asyncData function in your nuxtjs project!

What is the best way to retrieve the response from an Observable/http/async call in Angular?

Receiving serialized post data in array on RESTful Server using CodeIgniter

Issues arise when attempting to transmit JSON data from JavaScript to the server using the POST method

Tips for avoiding the forward slash in a URL parameter

Tips for adjusting a web address provided by a user

Ajax is incapable of achieving success or encountering failure

What might be causing the issue with my ajax request to the PHP file within the data parameter?

Using jQuery and AJAX to send a post request in a Razor page and automatically redirect to the view returned by a MVC Action (similar to submitting

Create a timestamp with Javascript rendering

The Angular Factory service is accurately retrieving data, but unfortunately, it is not being displayed on the user interface

The strict mode in React reveals unexpected changes in state with double rendering

Retrieve the value of a JSON array containing only a single object using jQuery

The perplexing results received when using the npm outdated command

Adding Node Modules during the setup of an ElectronJS application

Storing information within a Express application using Postgres

The Vue.js transition feature seems to be malfunctioning when trying to display a modal

The Material-ui Drawer does not function properly when used with an external CSS file

Can you explain the distinction between querying a database and making a request to an endpoint?

JavaScript causing Google custom search to not refresh results when updating search query