looping a javascript object inside a loop of custom object

Question

First of all I'm beginner in javascript. I have this data data.responseJSOn.errors -

Currently I'm displaying the errors like this way -

var errors =  data.responseJSON.errors;
    
console.log(errors);

errors.title && 
errors.title.forEach(function(messageText) {
    displayError(messageText);
    });

errors.message && 
errors.message.forEach(function(messageText) {
    displayError(messageText);
});

How can I display errors from there by using single code instead of predefined errors.title or errors.message.

expected code like -

var errors =  data.responseJSON.errors;
var list = ["title", "message"];

list.forEach(function(item) {
    errors.item && 
    errors.item.forEach(function(messageText) {
        displayError(messageText);
    });
});

How can I fix it to get output.

Abhishek Sharma · Accepted Answer · 2021-05-02 09:33:34Z

1

You can try something more generic regardless of the key names in object data.responseJSON.errors

var errors =  data.responseJSON.errors;
var list = ["title", "message"]; // valid keys for which we need to show message

for (key in errors) {
  // check if key is valid and is array
  if(list.includes(key) && Array.isArray(errors[key])) {
    errors[key].map((msg) => {
        displayError(msg);
    })
  } 
}

answered May 2, 2021 at 9:33

Abhishek Sharma

3,3501 gold badge23 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

V-Mann_Nick · Accepted Answer · 2021-05-02 09:30:43Z

1

In the case you're going to need the [] syntax to access a field of the errors object with the value of a variable:

var errors =  data.responseJSON.errors;
var list = ["title", "message"];

list.forEach(function(item) {
    errors[item] && 
    errors[item].forEach(function(messageText) {
        displayError(messageText);
    });
});

answered May 2, 2021 at 9:30

V-Mann_Nick

563 bronze badges

Comments

tmarwen · Accepted Answer · 2021-05-02 09:31:12Z

1

You can access the respective property using []:

var errors =  data.responseJSON.errors;
var list = ["title", "message"];

list.forEach(function(item) {
    errors[item] && 
    errors[item].forEach(function(messageText) {
        displayError(messageText);
    });
});

Otherwise (and as a better alternative), you can use the for...in loop syntax to access enumerable object properties:

var errors =  data.responseJSON.errors;
var list = ["title", "message"];

errors.forEach(function(error) {
    for (property in error) {
        displayError(error[property]);
    }
});

answered May 2, 2021 at 9:31

tmarwen

16.5k5 gold badges48 silver badges65 bronze badges

Comments

Goutham · Accepted Answer · 2021-05-02 12:20:51Z

1

here you don't have to explicitly mention the type of keys the error message has. Even in future, if messages and title changes you don't have to modify the code again.

const messageText = (message: string) => {
  console.log('message', message)
}

Object.keys(response).map((error) => response[error].length && response[error].forEach((message: string) =>  messageText(message)));

edited May 2, 2021 at 12:20

answered May 2, 2021 at 10:11

Goutham

3051 silver badge7 bronze badges

Collectives™ on Stack Overflow

looping a javascript object inside a loop of custom object

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related