Group Json Array to Jquery Objects -

i have json array 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 separate these variables separate objects distinct

color : colorid,colorname

gender : genderid,gendername

size: sizeid,sizename

it simple loop of recods , creating data in own structure. there no need use of jquery functions.

for( var = 0, l = data.records.length; < 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.