Question

我有一个这样的对象：

data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

我想合并键的数组值，并创建一个像这样的对象数组：

[ {name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}, {name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}, {name: 'MNO', age: '19'}, {name: 'PQR', age: '24'} ]

我通过Lodash docs找到了一些东西，但却找不到合适的组合。有没有人知道如何以简洁的方式，Lodash（最好），或其他什么？在此先感谢!!

Answer 1

使用_.values()提取数组，并将concat应用于数组：

＆＃13;

var data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

var result = Array.prototype.concat.apply([], _.values(data));
    
console.log(result);

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js"></script>

＆＃13;

Answer 2

没有lodash，只是简单的旧JS：

var data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

var result = [];
for (var key in data) {
    if (data.hasOwnProperty(key)) {
        result = result.concat(data[key]);
    }
}
console.log(result);

Answer 3

您只需将数组（如对象）转换为array，然后将其展平即可。

data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

console.log(
  _.flatten(_.toArray(data))
)

<script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>

Answer 4

使用新的Object.values()，您可以在纯JS ES6中执行以下操作;

var data = { 0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
             1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
             2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
           },
 newData = [].concat(...Object.values(data));
console.log(newData);

Answer 5

这是另一个纯粹的javascript版本。

var data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

var newdata = Object.keys(data).reduce(function (a,b) { 
  return a.concat(data[b]);
}, []);

console.log(newdata);

Javascript合并属于对象中不同键的数组值

5 个答案: