JSON Parsing

Posted on 2011-03-10
Last Modified: 2013-11-08
Hello, am having some difficulty parsing the following JSON:
    "references": [{
        "type": "user",
        "full_name": "Jim Bo Bob",
        "id": 5,
        "url": "",
    }, {
        "type": "user",
        "full_name": "Bob Joe Jim",
        "id": 11,
        "url": "",
    }, {
        "type": "topic",
        "name": "Muscular Arms",
        "id": 28
    }, {
        "voted_user_id": 5,
        "type": "approved",
        "approved_user_id": 7,
        "topic_id": 28,
        "comment": "His arms are massive",
        "id": 297
    }, {
        "voted_user_id": 11,
        "type": "approved",
        "approved_user_id": 7,
        "topic_id": 28,
        "comment": "Very moist",
        "id": 89

Open in new window

I need to be able to loop through each object and determine when == references.voter_user_id.  For example, parsing through the JSON above, I should find a match between the first object ( = 5) and the fourth object (references.voter_user_id: 5).

Am currently using the following jquery js to loop:

$.each(data.references, function (i, ref) {
	if( == ref.voter_user_id) {
		// do stuff

Open in new window

That seems to check *within* each object whether == ref.voter_user_id and this is not what I want.
Question by:aznprncritic
  • 3
LVL 82

Expert Comment

ID: 35094460
voted_user_id versus

no ?

Author Comment

ID: 35094544
Sorry, must have been a typo.  The problem is my js is checking *within* each object for a match between and ref.voted_user_id.
LVL 82

Accepted Solution

leakim971 earned 500 total points
ID: 35094621
Check this (we can do better if both are not in the same array) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>json find peer same array</title>
<script language="javascript" src=""></script>
<script language="javascript">
	var data = {"references":[{"type":"user","full_name":"Jim Bo Bob","id":5,"url":"",},{"type":"user","full_name":"Bob Joe Jim","id":11,"url":"",},{"type":"topic","name":"Muscular Arms","id":28},{"voted_user_id":5,"type":"approved","approved_user_id":7,"topic_id":28,"comment":"His arms are massive","id":297},{"voted_user_id":11,"type":"approved","approved_user_id":7,"topic_id":28,"comment":"Very moist","id":89}]};
	$(document).ready(function() {
		var json = data.references;
		$.each(data.references, function (i, ref) {
			for(var j in json) {
				if( == json[j]["voted_user_id"]) {
					alert( "full name is : " + ref["full_name"] + "\ntype is : "+ ref.type );

Open in new window

LVL 19

Expert Comment

by:Albert Van Halen
ID: 35094675
Your references array contains different objects : users, topic and approved.
You need to filter them all out by their type -> all users, the topic and approved items.
var users = references.filter(function(ref) { return ref.type=="user"; });
var approvedItems = references.filter(function(ref) { return ref.type=="approved"; });
var topics = references.filter(function(ref) { return ref.type=="topic"; });

// now you can loop through all your approved items
var numApproved = approvedItems.length;
for(var x = 0; x < numApproved; x++) {
   var approvedItem = approvedItems[x];
   var user = users.filter(function(user) { return == approvedItem.approved_user_id; });
   if(user.length > 0) {
      // user array containing all the users with id equel to approvedItem.approved_user_id

Open in new window

LVL 82

Expert Comment

ID: 35097786
Check this useful online tools :
Paste you json object in the window, you can format or parse it easily graphically (click on the Viewer tab)
Thanks for the points!


Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
HTML5 Get data in table rows 5 26
Checking data with javascript 3 19
How can I implement a "Select All" with this configuration...? 6 39
Jquery 10 19
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question