CODEWITHSUNDEEP
jqueryarraysjson
user4504661
user4504661

Reputation: 523

how to alert each values from json array in jquery

i have this json array that looks like the following:

[
    {"fname":"name1","id":"1"},
    {"fname":"name2","id":"2"},   
    {"fname":"name3","id":"3"},
    {"fname":"name4","id":"4"}
]

i want to alert fname for each. so will alert for times.
first time "name1", second time "name2", 3rd time "name3", and 4th time "name4".

how could i do that in jquery? i tried 

$.each(arrofobject, function(index, val) {
    alert(val.category);
});

however its not working

Upvotes: 0

Views: 1458

Answers (4)

Muthu Kumaran
Muthu Kumaran

Reputation: 17910

Here's the jQuery way,

var arr = [
    {"fname":"name1","id":"1"},
    {"fname":"name2","id":"2"},   
    {"fname":"name3","id":"3"},
    {"fname":"name4","id":"4"}
];

$.each(arr, function(k, v){
     alert(v.id +' ==> '+ v.fname);
})

Upvotes: 0

Pranav C Balan
Pranav C Balan

Reputation: 115222

Use forEach() to iterate array 

var array = [{
  "fname": "name1",
  "id": "1"
}, {
  "fname": "name2",
  "id": "2"
}, {
  "fname": "name3",
  "id": "3"
}, {
  "fname": "name4",
  "id": "4"
}];

array.forEach(function(v) {
  alert(v.fname);
});

Problem with your code : there is no category object property , so you need to use fname instead.

Upvotes: 0

Chintan Soni
Chintan Soni

Reputation: 25267

Try this way:

var arrofobject = [{"fname":"name1","id":"1"},{"fname":"name2","id":"2"},   {"fname":"name3","id":"3"},{"fname":"name4","id":"4"}];

$.each(arrofobject, function(index, val) {
    alert(val.id+" : "+val.fname);
});

Upvotes: 0

jogesh_pi
jogesh_pi

Reputation: 9782

var arrofobject = [{"fname":"name1","id":"1"},{"fname":"name2","id":"2"}, {"fname":"name3","id":"3"},{"fname":"name4","id":"4"}];

$.each(arrofobject, function(index, val) {
    alert('Name: '+ val.fname);
    alert('ID: '+val.id);
});

DEMO

Upvotes: 1

Related Questions