使用reduce获取js数组中所有对象的键的联合

Question

假设，我们有：

var all=[
    {firstname:'Ahmed', age:12},
    {firstname:'Saleh', children:5 }
    {fullname: 'Xod BOD', children: 1}
];

预期结果是['firstname','age', 'children', 'fullname']：该数组所有对象的键的联合：

all.map((e) => Object.keys(e) ).reduce((a,b)=>[...a,...b],[]); 

这很好，但是，我正在寻求一个解决方案，使用直接使用 reduce 方法而不使用 map 的性能更高，我做了以下操作，但失败了。

all.reduce((a,b) =>Object.assign([...Object.keys(a),...Object.keys(b)]),[])

Answer 1

您可以使用Set、reduce() 和Object.keys()，不需要地图。

var all=[
  {firstname:'Ahmed', age:12},
  {firstname:'Saleh', children:5 },
  {fullname: 'Xod BOD', children: 1}
];

var result = [...new Set(all.reduce((r, e) => [...r, ...Object.keys(e)], []))];
console.log(result)

Answer 2

这是一个使用通用过程 concat、flatMap 和 ES6 Set 的解决方案。

它类似于@NenadVracar 的解决方案，但使用了高阶函数，而不是复杂的、多合一的实现。这降低了转换的复杂性，并且可以更轻松地在程序的其他区域重用过程。

并不是说... 传播语法不好，但您也会注意到此解决方案不需要它。

var all = [
  {firstname:'Ahmed', age:12},
  {firstname:'Saleh', children:5 },
  {fullname: 'Xod BOD', children: 1}
];

const concat = (x,y) => x.concat(y);

const flatMap = f => xs => xs.map(f).reduce(concat, []);

const unionKeys = xs =>
  Array.from(new Set(flatMap (Object.keys) (xs)));

console.log(unionKeys(all));
// [ 'firstname', 'age', 'children', 'fullname' ]

Answer 3

出于好奇，我一直在使用不同的方法（reduce vs foreach vs set）对您的问题的一些解决方案进行基准测试。看起来 Set 对于小型数组表现良好，但对于较大的数组来说非常慢（这是 foreach 的最佳解决方案）。

希望对你有帮助。

var all = [{
    firstname: 'Ahmed',
    age: 12
  }, {
    firstname: 'Saleh',
    children: 5
  }, {
    fullname: 'Xod BOD',
    children: 1
  }],
  result,
  res = {};

const concat = (x,y) => x.concat(y);

const flatMap = f => xs => xs.map(f).reduce(concat, []);

const unionKeys = xs =>
  Array.from(new Set(flatMap (Object.keys) (xs)));

for(var i = 0; i < 10; i++)
  all = all.concat(all);

console.time("Reduce");
result = Object.keys(all.reduce((memo, obj) => Object.assign(memo, obj), {}));
console.timeEnd("Reduce");

console.time("foreach");
all.forEach(obj => Object.assign(res, obj));
result = Object.keys(res);
console.timeEnd("foreach");

console.time("Set");
result = [...new Set(all.reduce((r, e) => r.concat(Object.keys(e)), []))];
console.timeEnd("Set");

console.time("Set2");
result = unionKeys(all);
console.timeEnd("Set2");

Answer 4

试试这个代码：

var union = new Set(getKeys(all));

console.log(union);
// if you need it to be array
console.log(Array.from(union));

//returns the keys of the objects inside the collection
function getKeys(collection) {
    return collection.reduce(
        function(union, current) {
            if(!(union instanceof Array)) {
                union = Object.keys(union);
            }
            return union.concat(Object.keys(current));
        });
}