How to turn an object into multiple key-value arrays

Question

I have the variables in place and onclick function set up but I can't figure out how to turn this object into an array within an array. I'm trying to turn this

{"Wins":30,"Losses:"32}

into this:

[["Wins:",30]["Losses:",32]]

So I can append it to the data.addRows:

      var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Total: ');
        data.addRows([
          ['String', number],
          ['String', number],
        ]);

@IsaacWIvins Are you sure, you don't mean [["Wins:",30], ["Losses:",32]]. And why keep the : in "Wins:"? — Dominique Fortin
– Dominique Fortin, Commented Mar 9, 2017 at 19:55
when i console log westTeamData = JSON.stringify({"Wins": westTeamWins, "Losses": westTeamLosses}) is shows up as {"Wins":30,"Losses":32} I'm trying to have the westTeamData variable converted to an array within an array so I can append it to data.addRows(). Using the object.entries(westTeamData) im unfortunately returning an array of each individual character. — IsaacWIvins
– IsaacWIvins, Commented Mar 9, 2017 at 20:57

Community · Accepted Answer · 2017-05-23 11:46:30Z

1

In the latest releases of some browsers, you can use the new Object.entries to do this:

(Credit to georg for mentioning this first in the comments above.)

var data = {
  "Wins": 30,
  "Losses": 32
}

console.log(
  Object.entries(data) //=> [ ['Wins', 30], ['Losses', 32] ]
)

However, you can also use the better-supported Object.keys and Array#map to create your own entries function:

var data = {
  "Wins": 30,
  "Losses": 32
}

function entries (object) {
  return Object.keys(data).map(function (k) { return [k, this[k]] }, data)
}

console.log(
  entries(data) //=> [ ['Wins', 30], ['Losses', 32] ]
)

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Mar 9, 2017 at 19:54

gyre

16.8k4 gold badges41 silver badges47 bronze badges

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

3 Comments

kind user Over a year ago

If you credited Georg for his solution about Object.entries(), keep it up and credit me aswell, for Object.keys() solution.

gyre Over a year ago

@Kinduser I did not use your answer as inspiration. Pretty sure I was working on it when you posted yours; I came up with the answer independently.

kind user Over a year ago

Ah, fine then (:

kind user · Accepted Answer · 2017-03-09 20:06:27Z

1

I suggest you to use following approach:

var obj = {"Wins": 30, "Losses": 32};
    console.log(Object.keys(obj).map(v => [v + ':', obj[v]]));

edited Mar 9, 2017 at 20:06

answered Mar 9, 2017 at 19:51

kind user

42k8 gold badges69 silver badges78 bronze badges

4 Comments

epascarello Over a year ago

And if the OP wants the : it would be [v + ':',obj[v]]

kind user Over a year ago

@epascarello It doesn't make any sense, I bet it's just a typo ;d Do you think that I should change it anyways?

gyre Over a year ago

@epascarello No need. We can be almost certain that the inclusion of those colons was a syntax mistake. If it wasn't a typo, there would have also been a colon after the closing quotation marks in the property keys.

kind user Over a year ago

@gyre Whatever, it's just nothing anyways. Lets give OP the solution he expects.

bejado · Accepted Answer · 2017-03-09 19:50:29Z

0

Object.entries() is great, but there is no IE support. Since you're using jQuery, you can se jQuery.map.

var myObj = {"Wins": 30,"Losses": 32};
var array = $.map(myObj, function(value, index) {
    return [[index, value]];
});
console.log(array);

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

answered Mar 9, 2017 at 19:50

bejado

1,45812 silver badges19 bronze badges

Comments

Sandeep Thar · Accepted Answer · 2017-03-09 19:59:46Z

0

pure javascript

var myObject={"Wins":30,"Losses":32};
var resultArray=[];
for(var key in myObject) {
    if(myObject.hasOwnProperty(key)) {
        resultArray.push([key,myObject[key]])
    }
}
console.log(resultArray)

Result [["Wins", 30], ["Losses", 32]]

answered Mar 9, 2017 at 19:59

Sandeep Thar

1,1879 silver badges7 bronze badges

Comments

Mert Akcakaya · Accepted Answer · 2017-03-09 20:02:16Z

0

Following code stores each pair in an array:

var obj = { 'Wins': 30, 'Losses': 32 };
var keyvalues = [];
for (var prop in obj) {
    keyvalues.push([prop, obj[prop]]);
}

answered Mar 9, 2017 at 20:02

Mert Akcakaya

3,1792 gold badges33 silver badges43 bronze badges

Collectives™ on Stack Overflow

How to turn an object into multiple key-value arrays

5 Answers 5

3 Comments

4 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

4 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related