JS - converts objects to array

Question

I have following array of objects:

[{"CZ-PR":"1"},{"CZ-JC":"0"},{"CZ-JM":"0"},{"CZ-KA":"0"},{"CZ-VY":"0"},{"CZ-KR":"0"},{"CZ-LI":"0"},{"CZ-MO":"0"},{"CZ-OL":"0"},{"CZ-PA":"0"},{"CZ-PL":"0"},{"CZ-ST":"0"},{"CZ-US":"0"},{"CZ-ZL":"0"}]

I need to convert it to array of arrays, like this (need to pass it to Google Maps Geocharts constructor):

[["CZ-PR","1"],["CZ-JC","0"]]

I tried:

var arr = [];
for (var k in obj) arr.push([+k, obj[k]]);

Which gives me array for each letter... How can I convert my initial object to what I need?

EDIT: The format that is expected from Google geocharts is this:

var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Germany', 200],
      ['United States', 300],
      ['Brazil', 400],
      ['Canada', 500],
      ['France', 600],
      ['RU', 700]
    ]);

Hmmm, this is what Geocharts expect: developers.google.com/chart/interactive/docs/gallery/geochart — user1049961
– user1049961, Commented Jul 17, 2015 at 19:09
@SantiagoHernández look at the below example it is the correct format he wants he might have just made a typo there... — brso05
– brso05, Commented Jul 17, 2015 at 19:20

Oleksandr T. · Accepted Answer · 2015-07-17 19:13:10Z

2

Try this

var data = [{"CZ-PR":"1"},{"CZ-JC":"0"},{"CZ-JM":"0"},{"CZ-KA":"0"},{"CZ-VY":"0"},{"CZ-KR":"0"},{"CZ-LI":"0"},{"CZ-MO":"0"},{"CZ-OL":"0"},{"CZ-PA":"0"},{"CZ-PL":"0"},{"CZ-ST":"0"},{"CZ-US":"0"},{"CZ-ZL":"0"}];

var result = [];

result = data.map(function (el) {
    var key = Object.keys(el).pop()

    return [
        key, +el[key]
    ]
});

console.log(result);

answered Jul 17, 2015 at 19:13

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Comments

Santiago Hernández · Accepted Answer · 2015-07-17 19:27:24Z

2

maybe this is what you're looking for:

var objectArray = [{"CZ-PR":"1"},{"CZ-JC":"0"},{"CZ-JM":"0"},{"CZ-KA":"0"},{"CZ-VY":"0"},{"CZ-KR":"0"},{"CZ-LI":"0"},{"CZ-MO":"0"},{"CZ-OL":"0"},{"CZ-PA":"0"},{"CZ-PL":"0"},{"CZ-ST":"0"},{"CZ-US":"0"},{"CZ-ZL":"0"}];

// build data array
var dataArray = objectArray.map(function(e) { 
    var key = Object.keys(e).pop();
    return [key,e[key]];
});

// add the headers!
dataArray.unshift(['Country', 'Popularity']);

// pass data to google
var data = google.visualization.arrayToDataTable(
    dataArray
);

luck!

edited Jul 17, 2015 at 19:27

answered Jul 17, 2015 at 19:21

Santiago Hernández

5,6762 gold badges27 silver badges34 bronze badges

2 Comments

user1049961 Over a year ago

Thanks, this helped a lot!

Santiago Hernández Over a year ago

@user1049961 no problem :P

Azim · Accepted Answer · 2024-03-10 16:31:13Z

0

const arrObj = [{"CZ-PR":"1"},{"CZ-JC":"0"},{"CZ-JM":"0"},{"CZ-KA":"0"},{"CZ-VY":"0"},{"CZ-KR":"0"},{"CZ-LI":"0"},{"CZ-MO":"0"},{"CZ-OL":"0"},{"CZ-PA":"0"},{"CZ-PL":"0"},{"CZ-ST":"0"},{"CZ-US":"0"},{"CZ-ZL":"0"}];
var thisArr = [];
const result = arrObj.reduce((acc, thisObj) => {
    thisArr = [];
    for(let val in thisObj) {
        thisArr.push(val)
      thisArr.push(thisObj[val])
      acc.push(thisArr);
      }
      return acc;
}, []);
console.log(result)

answered Mar 10, 2024 at 16:31

Azim

394 bronze badges

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

JS - converts objects to array

3 Answers 3

Comments

2 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Related