how to use Javascript foreach loop with associative array object

Question

i have below given array as my ajax response, now i want to append these array values in my html div for this i have used for loop but whats going wrong ? i am getting below output (see attached image)

//Array from php page
Array ( 
[FirstName] => Please enter your first name 
[LastName] => Please enter last name 
[Email] => This e-mail address is already associated to another account. 
[ConfirmPassword] => Passwords do not match 
)

//jquery
success:function(result){
for (var i = 0; i < result.length; i++) 
{
  console.log(result[i]);
  $("#error_div").append(result[i]);
}
  }

//want this output to append in div
Please enter your first name 
Please enter last name 
This e-mail address is already associated to another account.
Passwords do not match

Ori Drori · Accepted Answer · 2019-12-15 15:22:43Z

6

There is no associative array in javascript, it's a just an object with properties.

If you would like to iterate this object you can use a for...in loop:

for (var key in result) 
{
  console.log(result[key]);
  $("#error_div").append(result[key]);
}

You can also use a for...of loop with Object.values() to get the value directly:

for (let value of Object.values(result)) 
{
  console.log(value);
  $("#error_div").append(value);
}

edited Dec 15, 2019 at 15:22

answered Aug 2, 2015 at 14:30

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

1 Comment

Sebastian Simon Over a year ago

Or for(let key of Object.keys(obj)).

oshell · Accepted Answer · 2015-08-02 15:12:33Z

1

Javascript has no associative arrays. You could loop over the object, but since you are using jQuery anyway you could use each(). If performance matters, use a for loop tho.

var values = {
    'FirstName': 'Please enter your first name ',
    'LastName': 'Please enter last name ',
    'Email': 'This e-mail address is already associated to another account. ',
    'ConfirmPassword' : 'Passwords do not match '
};

var errors = $('#error_div');
$.each(values, function( index, value ) {
  errors.append(value);
  errors.append('<br>');
});

JSFiddle

answered Aug 2, 2015 at 15:12

oshell

9,1511 gold badge31 silver badges50 bronze badges

1 Comment

amit gupta Over a year ago

it's not working , see the attached image in my question, after using your answer i got that.

Collectives™ on Stack Overflow

how to use Javascript foreach loop with associative array object

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related