Question

我想在Javascript中将对象转换为较小的单属性对象数组。例如：

x={
    a: {a1:"a1", a2:"a2"},
    b: {b1:"b1", b2:"b2"},
    c: {c1:"c1", c2:"c2"}
}

转换为

y=[
    {a: {a1:"a1", a2:"a2"}},
    {b: {b1:"b1", b2:"b2"}},
    {c: {c1:"c1", c2:"c2"}}
]

我知道这可以用循环，但我想知道是否有更优雅的方式。如果他们有帮助，我会使用下划线/短划线。

Answer 1

您可以使用Array#map。

var x = { a: { a1: "a1", a2: "a2" }, b: { b1: "b1", b2: "b2" }, c: { c1: "c1", c2: "c2" } },
    y = Object.keys(x).map(function (k) {
        var o = {};
        o[k] = x[k];
        return o;
    });

console.log(y);

ES6 @ Nenad Vracar

var x = { a: { a1: "a1", a2: "a2" }, b: { b1: "b1", b2: "b2" }, c: { c1: "c1", c2: "c2" } },
    y = Object.keys(x).map(k => ({[k]: x[k]}));

console.log(y);

Answer 2

正如Barmar指出的那样，使用map（我将reduce版本留给后人）确实更有意义了：

let arr = Object.keys(x).map(key => { [key]: x[key] });

您可以使用reduce将其转换为数组：

Object.keys(x).reduce(function(acc, key) {
   var tmp = {};
   tmp[key] = x[key];
   acc.push(tmp);
   return acc;
}, []);

如果ES6可用，你可以使它更简洁：

Object.keys(x).reduce((acc, key) => {
   acc.push({ [key]: x[key] });
   return acc;
}, []);

如何在Javascript中将对象转换为数组

2 个答案: