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

Utilizing a RESTful approach for ajax requests is effective, but there seems to be a

Troubleshooting SProckets Error During Rails App Deployment on Heroku

What are some ways to detect if JavaScript is enabled on the client side?

JavaScript function to toggle visibility and scroll back to top of the page

Turning an array into JSON using PHP

The onclick event in JavaScript is unresponsive on mobile devices

Extracting HTML elements between tags in Node.js is a common task faced

Ways to avoid browser refresh when uploading files in React applications

Angular data binding between an input element and a span element

Unable to resize images in Firefox

Numerous textareas fail to function properly according to JQuery's standards

What is the best way to verify and eliminate unnecessary attributes from a JSON request payload in a node.js application?

Angular 6 component experiencing issues with animation functionality

The Django CSRF token is inaccessible for retrieval

Display hidden text upon clicking using React Material UI Typography

The JSON data sent from the primary Electron process is arriving as undefined in the renderer

Although AJAX $.post functions properly in the View, it seems to encounter issues when relocated to a separate .js file. Interestingly, all other JQuery functions work

Which should take precedence in a URL: the hash or the querystring?

What is the process for implementing pagination in vue-tables-2 with a Laravel REST API?

Prevent user input in box until anchor link is activated