Question

107

Converting JSON object to javascript array

rated 0 times [ 108] [ 1] / answers: 1 / hits: 17856 / 11 Years ago, mon, october 7, 2013, 12:00:00

I need to convert this json object:

forms:

        {

            Circle:

            {

                color : red,

                size : 1

            },

            Square:

            {

                color : blue,

                size : 3

            },

            triangle:

            {

                color : black,

                size : 4

            }

        }

Into an javascriptArray.
The array should contain formType, color and size.
I have created the following script

var formsArr=[]; 

$.each(forms, function(i, obj){ var form={color: obj.color, size: obj.size};

                formsArr.push(form);

The array only contains color and size. I want it to also containt formType ie. Circle, how can I get the key?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yaquelina

Add To Favorites

Follow

Total Points: 517

Total Questions: 101

Total Answers: 96

Location: Egypt

Member since Tue, Jul 6, 2021

3 Years ago

yaquelina questions

1 Unable to access process variable in Vue3JS Vite project

Sun, Feb 13, 22, 00:00, 2 Years ago

1 How to return an array of unique objects based on the id of the object in es6?

Mon, Dec 27, 21, 00:00, 2 Years ago

1 How to run nodemon + forever in the background

Tue, Jun 2, 20, 00:00, 4 Years ago

1 How to remove warning in React native

Sun, Mar 8, 20, 00:00, 4 Years ago

1 Angular 9 - You must pass in a NgModule or NgModuleFactory to be bootstrapped

Fri, Feb 21, 20, 00:00, 4 Years ago

View All

answered 11 Years ago chyanne · Accepted Answer

Here's a way to do it:

var forms = {

  Circle: {

    color : red,

    size : 1

  },

  Square: {

    color : blue,

    size : 3

  },

  triangle: {

    color : black,

    size : 4

  }

};



var result = Object.keys(forms).map(function(key) {

  return { type: key, color: this[key].color, size: this[key].size };

}, forms);

With jQuery:

var result = $.map(forms, function(val, key) {

  return { type: key, color: val.color, size: val.size };

});