javascript array to two dimension array

Question

i have a javascript array like this

var myArr = [  

   {  
      "Year":"2015",
      "Month":"January",
      "Value":"15.8",
      "District":"Anuradhapura",
      "type":"Rainfall"
   },
   {  
      "Year":"2015",
      "Month":"January",
      "Value":"31.1",
      "District":"Anuradhapura",
      "type":"Temparature"
   },
   {  
      "Year":"2015",
      "Month":"January",
      "Value":"4",
      "District":"Anuradhapura",
      "type":"Wind"
   },
   {  
      "Year":"2015",
      "Month":"January",
      "Value":"69",
      "District":"Anuradhapura",
      "type":"Humidity"
   }
]

what i need is to put type and Value data into 2 dimension array. my end result should be like this;

 var data = [  
       [  
          "Rainfall",
          158
       ],
       [  
          "Temparature",
          31.1
       ],
       [  
          "Wind",
          4
       ],
       [  
          "Humidity",
          69
       ]
    ]

note that myArr results i'm getting from the backend service and the length of this array can be change dynamically. how can i do this. thanks

Suren Srapyan · Accepted Answer · 2016-08-01 06:19:17Z

5

Try this:

With foreach function

Documentation: Array.forEach

var data = [];

myArr.forEach(x => data.push([x.type, parseFloat(x.Value)]))

With map function

Documentation: Array.Map

var data = myArr.map(x => [x.type, parseFloat(x.Value)] );

edited Aug 1, 2016 at 6:19

answered Aug 1, 2016 at 6:15

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

1 Comment

winner_joiner Over a year ago

although you would have to add still convert the x.Value to an numeric value. :)

Naeem Shaikh · Accepted Answer · 2016-08-01 07:25:01Z

5

You can simply use Array.map function to map object array to two dimensional array.

  var data = myArr.map(function(o){
       return [o.type, o.Value]
    });

Also if you want value to be converted into a float number instead of string, do this with pasreFloat

  var data = myArr.map(function(o){
       return [o.type, pasreFloat(o.Value)]
    });

edited Aug 1, 2016 at 7:25

answered Aug 1, 2016 at 6:15

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

1 Comment

Jay Over a year ago

Not to be nitpicky, but in one of his the number is a float, so you should use paraeFloat

Beri · Accepted Answer · 2016-08-01 06:17:29Z

2

You can use Arrays.map function to get the result:

     var data = myArr.map(function(input){ return [input.type, input.Value]; });

This function will transform each element of your array into another element, because you need an array of arrays, your mapping function must create an array out of an object.

answered Aug 1, 2016 at 6:17

Beri

11.6k4 gold badges38 silver badges59 bronze badges

Comments

Giovanni Lobitos · Accepted Answer · 2016-08-01 06:17:30Z

1

let data = [];
myArr.map( a => {

 data.push([a.type, a.Value]);

});

answered Aug 1, 2016 at 6:17

Giovanni Lobitos

8527 silver badges19 bronze badges

1 Comment

winner_joiner Over a year ago

using a separate Array is not necessary since map-function would "create" it's own.

Deepak Sharma · Accepted Answer · 2016-08-01 06:22:09Z

-1

I am familiar with underscore.js: you may use:

_.zip(_.pluck(myArr, "type"), _.pluck(myArr, "Value"));

var myArr = [  

   {  
      "Year":"2015",
      "Month":"January",
      "Value":"15.8",
      "District":"Anuradhapura",
      "type":"Rainfall"
   },
   {  
      "Year":"2015",
      "Month":"January",
      "Value":"31.1",
      "District":"Anuradhapura",
      "type":"Temparature"
   },
   {  
      "Year":"2015",
      "Month":"January",
      "Value":"4",
      "District":"Anuradhapura",
      "type":"Wind"
   },
   {  
      "Year":"2015",
      "Month":"January",
      "Value":"69",
      "District":"Anuradhapura",
      "type":"Humidity"
   }
];


alert(JSON.stringify(_.zip(_.pluck(myArr, "type"), _.pluck(myArr, "Value"))));

<script src="http://underscorejs.org/underscore-min.js"></script>

answered Aug 1, 2016 at 6:22

Deepak Sharma

1,1471 gold badge12 silver badges23 bronze badges

3 Comments

winner_joiner Over a year ago

Using an external library is overkill, if the function exists in the core of the language. developer.mozilla.org/de/docs/Web/JavaScript/Reference/…

Deepak Sharma Over a year ago

underscore is a must have library and it helps to manipulate json. speed and efficiency of functions are fast. and very light in weight. rest your suggestion is appreciable

winner_joiner Over a year ago

You have a point I, I just was viewing the problem isolated. btw. support of JSON has grown in the most browsers, checkout this link developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… . And just to make a argument for the javascipt core functions 5.7kb vs 0 kb. -> 0k is more "light-weighter" ;-)

Collectives™ on Stack Overflow

javascript array to two dimension array

5 Answers 5

1 Comment

1 Comment

Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related