JavaScriptでObject {}をkey-valueペアのArray [] に変換する方法

次のようなオブジェクトを変換したいと思います。

{"1":5,"2":7,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0}

のようなオブジェクトを、次のようなキーと値のペアの配列に変換します。

[[1,5],[2,7],[3,0],[4,0]...].

JavaScriptでObjectをkey-valueペアの配列に変換するには?

ソリューション

Object.keys()][1]と[map()][2]を使って行うことができます。

var obj = {"1":5,"2":7,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0}
var result = Object.keys(obj).map(function(key) {
  return [Number(key), obj[key]];
});

console.log(result);

[2]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

解説 (2)

Object.keys][1]**やArray#map`][2]**のメソッドを使用します。

var obj = {
  "1": 5,
  "2": 7,
  "3": 0,
  "4": 0,
  "5": 0,
  "6": 0,
  "7": 0,
  "8": 0,
  "9": 0,
  "10": 0,
  "11": 0,
  "12": 0
};
// get all object property names
var res = Object.keys(obj)
  // iterate over them and generate the array
  .map(function(k) {
    // generate the array element 
    return [+k, obj[k]];
  });

console.log(res);

[1]: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys [2]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

解説 (0)

Ecmascript 6では

var obj = {"1":5,"2":7,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0};

var res = Object.entries(obj);

console.log(res);

[fiddle][1]

解説 (2)