Inserting items into a JSON array

Question

Inserting items into a JSON array

Is there a way to add a new ID to my data array without creating a new object for each addition?

Existing Data:

[{"devices":{"dID":"TLSM01"},"uuid":"e863c776-f939-4761-bbce-bf0501b42ef7"},
 {"devices":{"dID":"TLSM01"},"uuid":"5a0cd70d-891d-48d8-b205-e92e828ac445"}]

New Data to Add:

{"EntityID":"12458412548"}

Desired Result:

[{"devices":{"dID":"TLSM01","EntityID":"12458412548"},"uuid":"e863c776-f939-4761-bbce-bf0501b42ef7"},
 {"devices":{"dID":"TLSM01","EntityID":"12458412548"},"uuid":"5a0cd70d-891d-48d8-b205-e92e828ac445"}]

Code Snippet:

var data = [{
  "devices": {
    "dID": "TLSM01"
  },
  "uuid": "e863c776-f939-4761-bbce-bf0501b42ef7"
}, {
  "devices": {
    "dID": "TLSM01"
  },
  "uuid": "5a0cd70d-891d-48d8-b205-e92e828ac445"
}]
data.push({
  "EntityID": "test"
});
console.log(data);

javascript arrays json

Answer 1

Answer №1

data is an array that contains a list of objects. In order to add a new property to each object within the array, you must iterate through each object.

In this case, you are trying to add a new property to the object devices, which is not an array. As a result, you cannot use the .push() method to accomplish this task.

var data = [{"devices":{"dID":"TLSM01"},"uuid":"e863c776-f939-4761-bbce-bf0501b42ef7"},{"devices":{"dID":"TLSM01"},"uuid":"5a0cd70d-891d-48d8-b205-e92e828ac445"}];

data.forEach(d=>d.devices['EntityID']="test");

console.log(data);

Answer 2

data is an array that contains a list of objects. In order to add a new property to each object within the array, you must iterate through each object.

In this case, you are trying to add a new property to the object devices, which is not an array. As a result, you cannot use the .push() method to accomplish this task.

var data = [{"devices":{"dID":"TLSM01"},"uuid":"e863c776-f939-4761-bbce-bf0501b42ef7"},{"devices":{"dID":"TLSM01"},"uuid":"5a0cd70d-891d-48d8-b205-e92e828ac445"}];

data.forEach(d=>d.devices['EntityID']="test");

console.log(data);

Answer 3

Answer №2

If you want to achieve your desired "final result", there's no need to force anything. Simply add a new property to the existing entries in the array by looping through them:

data.forEach(function(entry) {
    entry.EntityID = "12458412548";
});

(Alternatively, you could use a basic for loop.)

If you prefer using ES2015+ syntax, you have the option of using an arrow function:

data.forEach(entry => entry.EntityID = "12458412548");

...or utilize a for-of loop:

for (const entry of data) {
    entry.EntityID = "12458412548";
}

Answer 4

If you want to achieve your desired "final result", there's no need to force anything. Simply add a new property to the existing entries in the array by looping through them:

data.forEach(function(entry) {
    entry.EntityID = "12458412548";
});

(Alternatively, you could use a basic for loop.)

If you prefer using ES2015+ syntax, you have the option of using an arrow function:

data.forEach(entry => entry.EntityID = "12458412548");

...or utilize a for-of loop:

for (const entry of data) {
    entry.EntityID = "12458412548";
}

Answer 5

Answer №3

CLICK HERE FOR DEMO

let data = [{"devices":{"dID":"TLSM01"},"uuid":"e863c776-f939-4761-bbce-bf0501b42ef7"},
 {"devices":{"dID":"TLSM01"},"uuid":"5a0cd70d-891d-48d8-b205-e92e828ac445"}];
 
data.map(item => item.devices["EntityID"] = "12458412548");

console.log(data);

Answer 6

CLICK HERE FOR DEMO

let data = [{"devices":{"dID":"TLSM01"},"uuid":"e863c776-f939-4761-bbce-bf0501b42ef7"},
 {"devices":{"dID":"TLSM01"},"uuid":"5a0cd70d-891d-48d8-b205-e92e828ac445"}];
 
data.map(item => item.devices["EntityID"] = "12458412548");

console.log(data);

Inserting items into a JSON array

Answer №1

Answer №2

Answer №3

Similar questions

Using radio buttons and a price slider, a unique jQuery filter for products can be

I am encountering an issue where I am sending an AJAX request to a PHP file with the datatype set as JSONP, but I

Troubleshooting Key Press Issues with Bootstrap 5 Dropdown and Collapse Feature

Converting a PySpark dataframe into a properly formatted JSON output

Unable to destructure the 'reservations' property from 'this.props.reservation' due to its undefined status, implementing a filter in ReactJs

Discovering a device's model using JavaScript

Ways to extract individual values from a Json Array and utilize them individually

Guide to implementing the onchange event in JavaScript for this specific scenario

The router.navigate() function seems to be malfunctioning as it is not working as

Struggling to retrieve information from a JSON file and display it within a component?

I am looking to display the dynamic response in Angular8 in real-time

What is the best way to showcase a singular item from response.data?

Is there a method to generate an endless carousel effect?

What is the best way to enhance the class following this condition in JavaScript?

What could be causing my Ionic button to not initialize in the expected state while using ngIf with a boolean property connected to an Ionic checkbox?

What is the best way to display compiled Transcluded HTML in Angular?

Calculate the outer product of arrays with varying dimensions

issues arise when using array_merge, serialize, and unserialize functions in PHP

Error: The property "indexOf" cannot be accessed because n is not defined

Tips for avoiding Netlify's error treatment of warnings due to process.env.CI being set to true