Group Json Array to Jquery Objects

Question

I have a JSON Array like this.

{"records":[{"ColorId":"3","ColorName":"Red","GenderId":"3","GenderName":"Female","SizeId":"1","SizeName":"N\/A"},{"ColorId":"2","ColorName":"Green","GenderId":"2","GenderName":"Male","SizeId":"1","SizeName":"N\/A"},{"ColorId":"3","ColorName":"Red","GenderId":"2","GenderName":"Male","SizeId":"1","SizeName":"N\/A"}]}

I need to separate these variables into separate objects with distinct

Color : ColorId,ColorName

Gender : GenderId,GenderName

Size: SizeId,SizeName

If you want to do using jquery than we can do it using JSON.parse("your json string"). and than you have write code to get data from it. once you parse json data using JSON.parse it will return json object. and using it you can find length of data using object.length in jquery. and from it you can retrieve data from your json — Kalpen Patel
– Kalpen Patel, Commented Aug 1, 2016 at 13:00
Then you talk about a javascript library, not a json library, @KalpenPatel. — eisbehr
– eisbehr, Commented Aug 1, 2016 at 14:16

eisbehr · Accepted Answer · 2016-08-01 12:54:34Z

1

It is just a simple loop of the recods and creating your data in an own structure. There is even no need to use of any jQuery functions.

for( var i = 0, l = data.records.length; i < l; i++ ) {
    color.push({ColorId: data.records[i].ColorId, ColorName: data.records[i].ColorName});
    gender.push({GenderId: data.records[i].GenderId, GenderName: data.records[i].GenderName});
    size.push({SizeId: data.records[i].SizeId, SizeName: data.records[i].SizeName});
}

Wokring example.

answered Aug 1, 2016 at 12:54

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

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

2 Comments

Hudhaifa Yoosuf Over a year ago

Thanks!. It Works , But i need those to be distinct too ,, how can i get that to work

eisbehr Over a year ago

Assuming the IDs are unique, the easiest way would be to switch from array to an object and just use the id as property, so it would be distinct: jsfiddle.net/ufjk5j80/1 @HudhaifaYoosuf

Collectives™ on Stack Overflow

Group Json Array to Jquery Objects

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related