parse json object in javascript to get key and values

Question

I have a object, need to parse the below data

  var data= [{"obj1":"2122"},{"obj2":"123"}]

to get both the keys and values in javascript. I yried to use:

var obj = JSON.parse(data);
for(var prop in data) {
if(data.hasOwnProperty(prop))
  console.log(prop);
}

The values that are obtained in console are

Object {obj1: "2122"}
Object {obj2: "123"}

But I need to access the values seperately and not as object. How to retrieve it from that object?

show the expected way and output that you want ? if you want to parse just like search by the keys ,you can use loadash before search the object .. — masadi zainul
– masadi zainul, Commented Apr 21, 2016 at 4:40
The post claims to have a [JavaScript] object. JSON.parse takes JSON text. A useful start would be to omit the incorrect JSON.parse usage - edit the post to remove the incorrect information. — user2864740
– user2864740, Commented Apr 21, 2016 at 4:42
Are you sure the objects in array is supposed to have different keys? If those values are of same type, you should use same key name and it'll be much simpler. — T J
– T J, Commented Apr 21, 2016 at 4:47

mimiz · Accepted Answer · 2016-04-21 04:53:33Z

5

JSON.parse is use to parse JSONString to Javascript Object.

You can not use it directly on a JavaScript Object ...

Anyway, your object is an array so you may do :

var arr = JSON.parse(data);
arr.forEach(function(elementObject){
    var keys = Object.keys(elementObject);
    keys.forEach(function(key){
      console.log(key + ":"+elementObject[key]);
    })
});

Cheers

edited Apr 21, 2016 at 4:53

answered Apr 21, 2016 at 4:40

mimiz

2,2982 gold badges15 silver badges14 bronze badges

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

2 Comments

T J Over a year ago

"String to JSON" - no, it's for converting a JSON string (A string that adhere's to JavaScript Object Notation) to JavaScript object. JavaScript Object != JSON

mimiz Over a year ago

@Rajeshwar You're welcome, so please mark question as solved, T J you are right !

Amaldev ps · Accepted Answer · 2017-07-11 08:50:48Z

1

Here you will get the values in array "values".

var data= [{"obj1":"2122"},{"obj2":"123"}]
 
data = JSON.stringify(data);
 
var values = [];
 
JSON.parse(data, function (key, value) {

    if (typeof(value) != "object") {
        values.push({[key]:value});
	// values.push(value); //if you need a value array
    }  
});

answered Jul 11, 2017 at 8:50

Amaldev ps

2654 silver badges12 bronze badges

Comments

Rayon · Accepted Answer · 2016-04-21 04:44:09Z

0

Use Array#map and extract keys of the object in the callback. Iterate them to gain the value of each key using Array#forEach

var data = [{
  "obj1": "2122"
}, {
  "obj2": "123"
}];
var op = data.map(function(item) {
  var keys = Object.keys(item);
  var arr = [];
  keys.forEach(function(key) {
    arr.push(item[key]);
  });
  return arr;
});
console.log(op);

<script src="http://gh-canon.github.io/stack-snippet-console/console.min.js"></script>

answered Apr 21, 2016 at 4:44

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

Comments

Manjeet Barnala · Accepted Answer · 2016-04-21 04:55:16Z

0

Try this code use $.each function to parse object..

 var data= [{"obj1":"2122"},{"obj2":"123"}]
 $.each(data, function(key, val) {
 	 $.each(val, function(k, v) {
		 console.log('key ='+k);
		 console.log('value ='+v);
		 alert('key = '+k+', value = '+v);
	 });
 });

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

answered Apr 21, 2016 at 4:55

Manjeet Barnala

2,9951 gold badge13 silver badges21 bronze badges

Comments

nisar · Accepted Answer · 2016-04-21 05:48:10Z

0

Try this one..

var obj = JSON.parse('[{"obj1":2122},{"obj2":123}]');
obj.forEach(function(ElementObject){
var keys=Object.keys(ElementObject);
 console.log(keys[0],ElementObject[Object.keys(ElementObject)]); 
}
);

JsFiddle

answered Apr 21, 2016 at 5:48

nisar

1,0752 gold badges11 silver badges26 bronze badges

Comments

Alexander Higgins · Accepted Answer · 2016-04-21 05:10:32Z

-1

First:

var data = [{"obj1":"2122"},{"obj2":"123"}]

This line will create an Array. No need for:

var obj = JSON.parse(data);

If you want to access via key/value you need to restructure your data.

var data = [{key:"obj1",value:"2122"},{key:"obj2", value:"123"}];
for( var index in data)
{ 
  var item = data[index]; 
  console.log(item.key);
  console.log(item.value);

}

Alternately you can map:

 var keys = [{
  "obj1": "2122"
}, {
  "obj2": "123"
}];
var op = data.map(function(item) {
  var keys = Object.keys(item);
  var arr = [];
  keys.forEach(function(key) {
    console.log(key);
    arr.push(key);
  });
  return arr;
});
var i=0;
for(var i=0;i<op.length;i++)
{
  console.log(i);
  var pair=data[i];
  console.log(pair);
  var key=op[i][0];
  console.log(key);
  var value=pair[key];
  console.log(value);
}

edited Apr 21, 2016 at 5:10

answered Apr 21, 2016 at 4:49

Alexander Higgins

6,9361 gold badge30 silver badges45 bronze badges

1 Comment

Alexander Higgins Over a year ago

Edit: Updated to answer question without changing data structure.

Collectives™ on Stack Overflow

parse json object in javascript to get key and values

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related