Determine in a JSON array and add to an array object if the key is not found

Question

Determine in a JSON array and add to an array object if the key is not found

I've got a JSON array like this:

  0: {Id: "1", name: "Adam", Address: "123", userId: "i98"}
  1: {Id: "2", name: "John", Address: "456"}

The second object in the array doesn't have a userId key.

How can I iterate through the array and add the userId key with a value of 0 if it's missing?

This is what I've attempted so far:

let jsonData = JSON.parse(JSON.stringify(userData));

 for (const obj of jsonData) {
    var hasId = false;
      let objId = obj.find((o, i) => {
         if (o.userId === "userId") {
          hasId = true;
        }
      });
      if (!hasId) {
         obj.push();
       }
    }

However, I'm getting an error:

obj.find is not a function

Any suggestions on how to fix this issue and properly add the key value to the array would be appreciated.

javascript angularjs

Answer 1

Answer №1

In your code snippet, the variable obj is an object and does not have a find method. To check if an object contains an array, you can simply use if( obj.userId )

To iterate over an array, you can utilize the forEach method.

let jsonData  = [{Id: "1", name: "Adam", Address: "123", userId: "i98"},{Id: "2", name: "John", Address: "456"}];

jsonData.forEach(o => {
  o.userId = o.userId || 0; //Set userId to 0 if it is undefined.
})

console.log(jsonData);

Answer 2

In your code snippet, the variable obj is an object and does not have a find method. To check if an object contains an array, you can simply use if( obj.userId )

To iterate over an array, you can utilize the forEach method.

let jsonData  = [{Id: "1", name: "Adam", Address: "123", userId: "i98"},{Id: "2", name: "John", Address: "456"}];

jsonData.forEach(o => {
  o.userId = o.userId || 0; //Set userId to 0 if it is undefined.
})

console.log(jsonData);

Answer 3

Answer №2

If you want to manipulate an array using JavaScript, one way is to utilize Array.prototype.map() and the

Object.prototype.hasOwnProperty()

method as shown in this example:

var jsonData = [{Id: "1", name: "Adam", Address: "123", userId: "i98"},{Id: "2", name: "John", Address: "456"}]

jsonData = jsonData.map(i => {
  if(!i.hasOwnProperty('userId'))
    i.userId = 0;
  return i;
});

console.log(jsonData);

Answer 4

If you want to manipulate an array using JavaScript, one way is to utilize Array.prototype.map() and the

Object.prototype.hasOwnProperty()

method as shown in this example:

var jsonData = [{Id: "1", name: "Adam", Address: "123", userId: "i98"},{Id: "2", name: "John", Address: "456"}]

jsonData = jsonData.map(i => {
  if(!i.hasOwnProperty('userId'))
    i.userId = 0;
  return i;
});

console.log(jsonData);

Determine in a JSON array and add to an array object if the key is not found

Answer №1

Answer №2

Similar questions

Issues with Ajax arise once URL re-routing is activated

Tips for setting a specific date using angular-bootstrap-datetimepicker

Obtaining connected information in AngularJS with Firebase

Building an array of objects using a foreach loop

The key up event in JQuery does not seem to be triggered when selecting the second option in the Select2 plugin's multi

Press the button in an HTML document to activate JavaScript

What are the ideal scenarios for implementing React.Fragments?

Having issues with Json stringification and serializing arrays

The intersection observer is unable to track multiple references simultaneously

Is there a way to randomly rearrange an array of objects when the page loads, then iterate over the rearranged array without triggering a console warning about "two children with the same key"?

Tips for escaping an infinite loop within the componentDidUpdate function in reactjs

Assign individual heights to multiple iFrames according to their content's height

What are some ways to customize the default Head tag in Next.js?

Utilizing AngularJS to display numerous charts on a single webpage

Data loading issue with asp.net mvc Ajax

Adjusting the font color when hovering over multiline text

Choosing an option from a dropdown menu using WebDriverJs

Issue detected with XMLHttpRequest - "The requested resource does not have the 'Access-Control-Allow-Origin' header."

Enabling the use of jQuery with Angular instead of JQLite

When utilizing Angular 2, this message is triggered when a function is invoked from the Observable