JS - 将对象转换为数组

问题描述 投票:0回答:3

我有以下对象数组:

[{"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"}]

我需要将其转换为数组数组,如下所示(需要将其传递给 Google Maps Geocharts 构造函数):

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

我尝试过:

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

这为我提供了每个字母的数组...我如何将初始对象转换为我需要的对象?

编辑: Google 地理图表的预期格式是这样的:

var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Germany', 200],
      ['United States', 300],
      ['Brazil', 400],
      ['Canada', 500],
      ['France', 600],
      ['RU', 700]
    ]);
javascript arrays object
3个回答
2
投票

试试这个

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);

2
投票

也许这就是您正在寻找的:

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
);

好运!


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)

© www.soinside.com 2019 - 2024. All rights reserved.