How to dynamically insert a key into an array by locating a specific value in AngularJS

Question

How to dynamically insert a key into an array by locating a specific value in AngularJS

I need help adding a new key to a JSON array by searching for a specific key value.

For example JSON:-

[
  {
    "$id": "2025",
    "ID": 41,
    "Name": "APPLE"
  },
  {
    "$id": "2026",
    "ID": 45,
    "Name": "MANGO"
  },
  {
    "$id": "2027",
    "ID": 48,
    "Name": "GUAVA"
  }
]

Let's say I want to add a new key pair like "Price": 50 after "Name": "MANGO" or by finding the ID ID: 45. The expected updated JSON should look like this:

[
  {
    "$id": "2025",
    "ID": 41,
    "Name": "APPLE"
  },
  {
    "$id": "2026",
    "ID": 45,
    "Name": "MANGO",
    "Price": 50
  },
  {
    "$id": "2027",
    "ID": 48,
    "Name": "GUAVA"
  }
]

The new key-value pair should be added to the object related to the matched search key.

I'm having trouble finding a function that addresses this issue. Can anyone provide guidance?

javascript arrays angularjs json

Answer 1

Answer №1

If you want to dynamically add a property to an object based on certain conditions, you can achieve this by running a loop and checking the condition before adding the property. Check out the code snippet below for an example:

var myarray = [
                {
                    "$id": "2025",
                    "ID": 41,
                    "Name": "APPLE"
                },
                {
                    "$id": "2026",
                    "ID": 45,
                    "Name": "MANGO"
                },
               {
                   "$id": "2027",
                  "ID": 48,
                   "Name": "GUAVA"     
                        }
]
for(var i=0;i<myarray.length;i++){
   if(myarray[i].$id === "2025" || myarray[i].Name === "APPLE"){
        var data = myarray[i];
        data.price = 50
      }
}
console.log(myarray)

Answer 2

If you want to dynamically add a property to an object based on certain conditions, you can achieve this by running a loop and checking the condition before adding the property. Check out the code snippet below for an example:

var myarray = [
                {
                    "$id": "2025",
                    "ID": 41,
                    "Name": "APPLE"
                },
                {
                    "$id": "2026",
                    "ID": 45,
                    "Name": "MANGO"
                },
               {
                   "$id": "2027",
                  "ID": 48,
                   "Name": "GUAVA"     
                        }
]
for(var i=0;i<myarray.length;i++){
   if(myarray[i].$id === "2025" || myarray[i].Name === "APPLE"){
        var data = myarray[i];
        data.price = 50
      }
}
console.log(myarray)

Answer 3

Answer №2

One way to add the Price key to an object is by using the array#find method to compare the ID.

let arr = [ { "$id": "2025", "ID": 41, "Name": "APPLE" }, { "$id": "2026", "ID": 45, "Name": "MANGO" }, { "$id": "2027", "ID": 48, "Name": "GUAVA" } ],
    id = 45,
    obj = arr.find(({ID}) => ID === id);
if(obj);
  obj.Price = 50;
console.log(arr);

Answer 4

One way to add the Price key to an object is by using the array#find method to compare the ID.

let arr = [ { "$id": "2025", "ID": 41, "Name": "APPLE" }, { "$id": "2026", "ID": 45, "Name": "MANGO" }, { "$id": "2027", "ID": 48, "Name": "GUAVA" } ],
    id = 45,
    obj = arr.find(({ID}) => ID === id);
if(obj);
  obj.Price = 50;
console.log(arr);

Answer 5

Answer №3

If you want to update the price of an item with ID 45, you can use this code:

data.find(item => item.ID === 45).price = 50;

In case the item is not found in the data array, you can handle it by using this code:

(data.find(item => item.ID === 45) || {}).price = 50;

Answer 6

If you want to update the price of an item with ID 45, you can use this code:

data.find(item => item.ID === 45).price = 50;

In case the item is not found in the data array, you can handle it by using this code:

(data.find(item => item.ID === 45) || {}).price = 50;

How to dynamically insert a key into an array by locating a specific value in AngularJS

Answer №1

Answer №2

Answer №3

Similar questions

What is the process of creating a download link for a server file in a web browser?

Identify whether the final digit falls within the range of 1-4 or 5-9, and then apply styling to the corresponding

Transferring JSON data using DWR (Direct Web Remoting)

Looking to arrange an array group based on a particular key value in PHP?

Deciphering JSON in Golang to form a slice containing a string and a float64 value

Issue: Unhandled ReferenceError - onChangeAssignedGroup function is not declared within scope at HTMLSelectElement.onchange

Utilize the JSON response upon successful completion of an AJAX request

Error message encountered while trying to instantiate 'FormData'

Leveraging variables with jQuery within a Django template filter

Dynamic elements in ViewModel

What is the best way to leverage an existing user database and integrate user authentication into a fresh project?

Bespoke HTML, CSS, JavaScript, and PHP website designs within the Wordpress platform

Screen content of a post request in Node.js

Instructions for incorporating a personalized document in NextJs version 13

Creating a visual representation of data using Google Charts to display a stacked bar chart

Obtain a collection of custom objects through an HTTP GET request to be utilized in an Angular 2 application

Experiencing difficulties with arrays in JavaScript while using React Native

The length of JSON data retrieved may vary between Internet Explorer and Firefox

Leverage the retrieved JSON data from the database within an HTML template using the Play

Fetching byte array from Spring Boot and transmitting it to Vue frontend