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

What is the reason for the reconnect function not activating when manually reconnecting in Socket.IO?

Advantages of optimizing NodeJS/TypeScript application by bundling it with webpack

How far apart are two surfaces when they are rotated along the Y-axis

The 'Subscription' type does not contain the properties _isScalar, source, operator, lift, and several others that are found in the 'Observable<any>' type

Implement lazy loading of content on scroll in Grails framework

Having difficulty retrieving the current time of an audio element using jQuery

Discover each distinct arrangement from a given array

How do I add a "Switch to Desktop Site" link on a mobile site that redirects to the desktop version without redirecting back to the mobile version once it loads?

Tips on navigating the scroller vertically as the user interacts with a selected div by scrolling up and down

Is There a Name Clash Issue with Dependency Injection in AngularJS?

Over-extended Affix in Bootstrap 3.1.0

Can you clarify the concept of closures and how they bind the loop counter to the function scope?

Unable to find the module... designated for one of my packages

How do I fix the build error that says "Operator '+' cannot be used with types 'number[]'?

Is it possible to simultaneously verify if an array is empty within an Object along with checking the other fields?

Mastering the ng-submit directive for AngularJS

Learn how to implement data-binding in AngularJS using the ui-router and ControllerAs syntax, all without the

Engaging Floor Layout

I'm having trouble getting the second controller to function properly in my AngularJS application

The Viadeo Social Toolbox seems to be encountering technical difficulties at the moment

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

Answer №1

Answer №2

Similar questions

What is the reason for the reconnect function not activating when manually reconnecting in Socket.IO?

Advantages of optimizing NodeJS/TypeScript application by bundling it with webpack

How far apart are two surfaces when they are rotated along the Y-axis

The 'Subscription' type does not contain the properties _isScalar, source, operator, lift, and several others that are found in the 'Observable<any>' type

Implement lazy loading of content on scroll in Grails framework

Having difficulty retrieving the current time of an audio element using jQuery

Discover each *distinct arrangement* from a given array

How do I add a "Switch to Desktop Site" link on a mobile site that redirects to the desktop version without redirecting back to the mobile version once it loads?

Tips on navigating the scroller vertically as the user interacts with a selected div by scrolling up and down

Is There a Name Clash Issue with Dependency Injection in AngularJS?

Over-extended Affix in Bootstrap 3.1.0

Can you clarify the concept of closures and how they bind the loop counter to the function scope?

Unable to find the module... designated for one of my packages

How do I fix the build error that says "Operator '+' cannot be used with types 'number[]'?

Is it possible to simultaneously verify if an array is empty within an Object along with checking the other fields?

Mastering the ng-submit directive for AngularJS

Learn how to implement data-binding in AngularJS using the ui-router and ControllerAs syntax, all without the

Engaging Floor Layout

I'm having trouble getting the second controller to function properly in my AngularJS application

The Viadeo Social Toolbox seems to be encountering technical difficulties at the moment

Discover each distinct arrangement from a given array