get variable from JSON Array

Question

I want to get the key from the JSON Array? This is my JSON Array

****JAVASCRIPT****
var employees = [
                 { "firstName":"John" , "lastName":"Doe" }, 
                 { "firstName":"Anna" , "lastName":"Smith" }, 
                 { "firstName":"Peter" , "lastName": "Jones" }
               ];

From this JSON I need the result key. I mean "firstName", "lastName", not John, Anna, Peter Please help to get the keys from JSON.

there are 3 firstname and lastname there which one do you want — Arun P Johny
– Arun P Johny, Commented Nov 5, 2013 at 11:01
employees[0].firstname will return John, employees[1].firstname will return Anna and so on. — Rob Schmuecker
– Rob Schmuecker, Commented Nov 5, 2013 at 11:02
no. I want to have a solution "firstName", "lastName". also. not John,Anna,Peter — seliboba98
– seliboba98, Commented Nov 5, 2013 at 11:05

Hasan Alaca · Accepted Answer · 2013-11-05 11:13:28Z

4

Try this:

http://jsfiddle.net/NJMyD/1072/

var employees = '[{"firstName":"John","lastName":"Doe" },{"firstName":"Anna","lastName":"Smith" },{"firstName":"Peter","lastName":"Jones"}]';

var myData = JSON.parse(employees);

$(document).ready(function() {
    $.each(myData, function() {
        $('<li>' + this.firstName + ' ' + this.lastName + '</li>').appendTo("#groups");
    });
});

answered Nov 5, 2013 at 11:13

Hasan Alaca

2322 silver badges14 bronze badges

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

Comments

Uday Hiwarale · Accepted Answer · 2013-11-05 11:17:22Z

2

If you are saving javascript in external file, save as filename.json

var employees = [
                 { "firstName":"John" , "lastName":"Doe" }, 
                 { "firstName":"Anna" , "lastName":"Smith" }, 
                 { "firstName":"Peter" , "lastName": "Jones" }
               ];

Then improt filename.json in webpage using jquery as //jquery plugin must be added first

$(document).ready(function(){
$.getJSON("filename.json",function(result){
alert(result[0].firstname + result[0].lastname);
});
});

answered Nov 5, 2013 at 11:17

Uday Hiwarale

4,1876 gold badges49 silver badges51 bronze badges

Comments

Sridhar R · Accepted Answer · 2013-11-05 11:09:50Z

1

Try this

var employees = [
             { "firstName":"John" , "lastName":"Doe" }, 
             { "firstName":"Anna" , "lastName":"Smith" }, 
             { "firstName":"Peter" , "lastName": "Jones" }
           ]; //your array

for(var i in employees)
{
var fname=employees[i].firstName
var lname=employees[i].lastName
console.log(fname) //all first names
console.log(lname) //all last names
}

Fiddle

http://jsfiddle.net/8TB6Z/

edited Nov 5, 2013 at 11:09

answered Nov 5, 2013 at 11:04

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

1 Comment

seliboba98 Over a year ago

no. I want to have a solution "firstName", "lastName". also. not John,Anna,Peter

codingrose · Accepted Answer · 2013-11-05 11:16:04Z

1

Try this:

var employees = [
    { "firstName":"John" , "lastName":"Doe" }, 
    { "firstName":"Anna" , "lastName":"Smith" }, 
    { "firstName":"Peter" , "lastName": "Jones" }
];
$.each(employees,function(f,n){                    
    $.each(n,function(ff,nn){
        console.log("field:"+ff+" value:"+nn);                        
    });
});

Fiddle here:

Hope it helps you.

answered Nov 5, 2013 at 11:16

codingrose

15.7k11 gold badges41 silver badges58 bronze badges

2 Comments

seliboba98 Over a year ago

but I see many times "firstName" and "lastName". How to show only one time?

codingrose Over a year ago

@user2894088 you see it 3 times because you have 3 objects. if you have same field names across your array employees, you can do it just 1 time. See here.

Community · Accepted Answer · 2013-11-19 09:58:09Z

1

I think you need the key. Object has a prototype keys which returns an Array of keys in an Object

Object.keys(employees); // returns ["firstName", "lastName"]

Also

for(i in employees){
var key = i;
var val = employees[i];
for(j in val)
    {
    var sub_key = j;
    var sub_val = val.j;
    console.log(sub_key);
    }
}

edited Nov 19, 2013 at 9:58

CommunityBot

11 silver badge

answered Nov 5, 2013 at 11:10

Linga

10.6k10 gold badges57 silver badges109 bronze badges

Collectives™ on Stack Overflow

get variable from JSON Array

5 Answers 5

Comments

Comments

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related