How to loop through an array using jQuery?

Question

I have an an array as follows:

var data = new Array();
if(j==1){
  data['name']=$('input:text[name=full_name]').val();
  data['email']=$('input:text[name=email]').val();
  data['password']=$('input:password[name=password]').val();
  data[' ']=$('input:password[name=retype_password]').val();
}

I want to loop through with this array as follows:

$.each(data,function(index,value){
  alert(index + ": " + value ); 

});

But no alert box is appeared that proves .$each() does not work. How can I fix this issue?

$.each() looks at the type of the object you pass it. If it's an array, then it iterates properties from 0 to .length - 1. Your array has no such properties so you get no iteration. If you use an object instead var data = {}, then .each() will iterate all the properties on that object and you will see what you want. You are misuing an array and should be using an object. — jfriend00
– jfriend00, Commented May 7, 2014 at 6:27

Arun P Johny · Accepted Answer · 2014-05-07 06:24:14Z

3

What you have is an object(key value pair) not an Array where objects are stored using an index.

So you need to create data as an object, not as an array

var data = {};

Demo: Fiddle

answered May 7, 2014 at 6:24

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

martynas · Accepted Answer · 2014-05-07 06:33:58Z

1

Use object instead of an array

var data = {};
if (j==1) {
    data['name']=$('input:text[name=full_name]').val();
    data['email']=$('input:text[name=email]').val();
    data['password']=$('input:password[name=password]').val();
    data[' ']=$('input:password[name=retype_password]').val();
}

$.each(data, function(i, v) {
    alert(i, v);
});

An array maps index to a value, not key to a value, i.e.:

var A = [];
A.push('John');
A.push('Mike');
A.push('Sally');
console.log(A[1]); // prints Mike

edited May 7, 2014 at 6:33

answered May 7, 2014 at 6:27

martynas

12.3k3 gold badges59 silver badges61 bronze badges

Comments

Rachit Patel · Accepted Answer · 2014-05-07 06:43:34Z

0

try this way

var j =1;
var data = {};

if (j == 1) {
  data['name'] = 'Rachit';
  data['email'] = '[email protected]';
  data['password'] = 'rachit';
  data[' '] = 3;
}

$.each(data, function (index) {
 alert(index + " : " + data[index] );
});

http://jsfiddle.net/patelrachith/FZy3b/1/

edited May 7, 2014 at 6:43

answered May 7, 2014 at 6:29

Rachit Patel

8625 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to loop through an array using jQuery?

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related