How to parse an array of json object in jquery

Question

I have the following array of json object

[{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}]

How can i parse this using jquery and get names, id of each one.

thanks in advance

No such thing in JavaScript as "JSON object". There is JSON (which is a particularly formatted string), and there is JS object (which is a type in JavaScript). Which one of those do you have? And what is the output you want, since the description is similarly vague? (EDIT: there actually does exist a JSON object: JSON (the one with parse and stringify functions; I am 100% positive that's not what you are talking about) — Amadan
– Amadan, Commented May 8, 2015 at 3:51

Diego ZoracKy · Accepted Answer · 2015-05-08 03:53:04Z

11

var data = [{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}];
    jQuery(data).each(function(i, item){
        $('#output').append(item.id + ' ' + item.name + '<br>');
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>

var data = [{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}];
jQuery(data).each(function(i, item){
    console.log(item.id, item.name)
})

answered May 8, 2015 at 3:53

Diego ZoracKy

2,29515 silver badges15 bronze badges

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

Comments

JGV · Accepted Answer · 2015-05-08 04:04:41Z

2

Use json2.js and parse your array of json object. See the working code below,

var data = '[{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}]';

var obj = JSON.parse(data);

var append= '';

$.each(obj, function(i, $val)
  {
    append+= $val.id + ',';
  });
       
$('#ids').text(append);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://github.com/douglascrockford/JSON-js/blob/master/json2.js"></script>

<label id='ids'/>

edited May 8, 2015 at 4:04

answered May 8, 2015 at 3:57

JGV

5,2079 gold badges57 silver badges101 bronze badges

Comments

Sumner Evans · Accepted Answer · 2015-05-08 03:52:28Z

0

Use the jQuery.parseJSON() method:

var arr = jQuery.parseJSON( '[{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}]' );

for (var i = 0; i < arr.length; i++) {
    console.log('index: ' + i + ', id: ' + arr[i].id + ', name: ' + arr[i].name);
}

That code will log this to your console:

index: 0, id: 10, name: sinu
index: 1, id: 20, name: shinto

answered May 8, 2015 at 3:52

Sumner Evans

9,2055 gold badges32 silver badges48 bronze badges

Comments

Sandeep · Accepted Answer · 2015-05-08 04:06:04Z

0

one way is to iterate over your json object using each function and get the values.

$.each(jsonObject,function(i.field){
id=field.id;
name=field.name;
});

or can get Array of objects using JSON.parse(JSON.stringify(jsonObject))

answered May 8, 2015 at 4:06

Sandeep

6058 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to parse an array of json object in jquery

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