How to use jquery to handle multiple json objects

Question

I am developing a website with front-end and back-end separated. I used jquery to send request and get the result as a json object:

{
  "item": [

  ],
  "shop": [

  ],
  "user": [
    {
      "user_id": "9",
      "full_name": "Minh Duc",
      "email": "[email protected]",
      "fb_link": "https:\/\/www.facebook.com\/SieuNhan183",
      "user_name": "Duc",
      "password": "37cd769165eef9ba6ac6b4a0fdb7ef36",
      "level": "0",
      "admin": "0",
      "dob": "1996-03-18",
      "location": "Ho Chi Minh",
      "user_image_url": null
    }
  ]
}

Now i am finding a way to get the data from the object user. How can i do it with javascript?

$jsonObject.user[0] would be the user object you want. Use . (dot) to access the object property you want — Jacob Goh
– Jacob Goh, Commented Feb 22, 2017 at 15:13

Nelson Teixeira · Accepted Answer · 2017-02-22 15:33:36Z

3

Complementing @arcs answer, remember that in Javascript you can access members of an object using dot notation (data.user[0].user_id) or square brackets notation. This way:

data['user'][0]['user_id']

this is useful because you can have a 'class' array and then do things like:

['item', 'shop', 'user'].forEach((array) => processArray(data[array][0]));

then you can filter only some classes or do more advanced stuff

answered Feb 22, 2017 at 15:33

Nelson Teixeira

6,6366 gold badges46 silver badges90 bronze badges

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

Comments

arc · Accepted Answer · 2017-02-22 15:14:31Z

2

When you have the data (in example it's in data) use the dot notation to get the node with the user.

The user is an array, so use [] to access a single element, e.g. [0]

var data = {
  "item": [

  ],
  "shop": [

  ],
  "user": [
    {
      "user_id": "9",
      "full_name": "Minh Duc",
      "email": "[email protected]",
      "fb_link": "https:\/\/www.facebook.com\/SieuNhan183",
      "user_name": "Duc",
      "password": "37cd769165eef9ba6ac6b4a0fdb7ef36",
      "level": "0",
      "admin": "0",
      "dob": "1996-03-18",
      "location": "Ho Chi Minh",
      "user_image_url": null
    }
  ]
}


console.log( data.user[0].user_id )

answered Feb 22, 2017 at 15:14

arc

4,7515 gold badges37 silver badges48 bronze badges

Comments

Pippi · Accepted Answer · 2017-02-22 15:41:33Z

0

I prefer use square brackets like this :

$jsonObject["user"][0]["user_id"]

but you can use the dot like this :

data.user[0].user_id

is the same thing.

If you want check if property exist you can do it :

if(typeof $jsonObject["user"] !== 'undefined'){
  //do domethings as typeof $jsonObject["user"][0]["user_id"] 
}

If you want get property dinamically you can do it :

const strId = "id";
const strName = "name";

//get user_id
let user_id = $jsonObject[user][0]["user_" + strId ];
//get user_name
let user_name = $jsonObject[user][0]["user_" + strName];

but there isn't very pretty.

answered Feb 22, 2017 at 15:41

Pippi

3231 gold badge5 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to use jquery to handle multiple json objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related