Question

如何转换属性上的折叠和数组：

[ { key: 'black', value: [ '2', '3', '9' ] },
  { key: 'black', value: [ '1' ] },
  { key: 'gold', value: [ '2', '3' ] },
  { key: 'gold', value: [ '1' ] },
  { key: 'red', value: [ '9' ] },
  { key: 'white', value: [ '2', '3' ] },
  { key: 'white', value: [ '1' ] } ]

...成：

[ { key: 'black', value: [ '1', '2', '3', '9' ] },
  { key: 'gold', value: [ '1', '2', '3' ] },
  { key: 'red', value: [ '9' ] },
  { key: 'white', value: [ '1', '2', '3' ] } ]

...使用javascript。

我觉得应该用lodash或Array.reduce来做一个相当简单的方法，但是我不能为我的生活找到方法。

Answer 1

您可以使用临时对象来引用组，并在单个循环中返回一个结果数组。

var array = [{ key: 'black', value: ['2', '3', '9'] }, { key: 'black', value: ['1'] }, { key: 'gold', value: ['2', '3'] }, { key: 'gold', value: ['1'] }, { key: 'red', value: ['9'] }, { key: 'white', value: ['2', '3'] }, { key: 'white', value: ['1'] }],
    result = [];

array.forEach(function (a) {
    if (!this[a.key]) {
        this[a.key] = { key: a.key, value: [] };
        result.push(this[a.key]);
    }
    this[a.key].value = this[a.key].value.concat(a.value);
    this[a.key].value.sort();
}, {});

document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>');

Answer 2

您需要先在地图中分组，然后生成所需的输出

var output = {};
obj.forEach(function(val){
 output[val.key] = output[val.key] || [];
 output[val.key] = output[val.key].concat(val.value);
});

现在产生压缩输出

var finalOutput = Object.keys(output).map(function(val){
      return { key: val, value: output[val] };
});

样本

＆＃13;

var obj = [{
  key: 'black',
  value: ['2', '3', '9']
}, {
  key: 'black',
  value: ['1']
}, {
  key: 'gold',
  value: ['2', '3']
}, {
  key: 'gold',
  value: ['1']
}, {
  key: 'red',
  value: ['9']
}, {
  key: 'white',
  value: ['2', '3']
}, {
  key: 'white',
  value: ['1']
}];

var output = {};
obj.forEach(function(val) {
  var key = val.key;
  var value = val.value;
  output[key] = output[key] || [];
  output[key] = output[key].concat(val.value);
});

var finalOutput = Object.keys(output).map(function(val) {
  return {
    key: val,
    value: output[val]
  };
});

document.body.innerHTML += JSON.stringify(finalOutput,0,4);

＆＃13;

Answer 3

你可以很容易地自己写这个没有任何第三方的东西：

var input = ...
var reduced = [];
var reducedMap = {};

input.forEach(function(obj) {
  if(!reduced.hasOwnProperty(obj.key) {
    reduced[obj.key] = [];
  }

  for(var i = 0; i < obj.value.length; i++) {
    if(reduced[obj.key].indexOf(obj.value[i]) < 0) {
      reduced[obj.key].push(obj.value[i]);
    }
  }
});

reduced = Object.keys(reducedMap).map(function(key){
  return {
    key: key,
    value: reducedMap[key].sort()
  };
});

Answer 4

您可以使用groupBy，map和reduce的组合来创建所需的结果：

  var result = 
      _(input)
          .groupBy('key')
          .map(function(d, key) {
              return {
                  key: key, 
                  value: _.reduce(d, function(a, dd) {
                      return a.concat(dd.value);
                  }, []).sort(),
              };
          })
          .value();

这里小提琴： https://jsfiddle.net/dw1zzfqt/1/

ES2015版本

var result = 
    _(input)
        .groupBy('key')
        .map((d, key) => ({
            key, 
            value: _.reduce(d, (a, dd) => a.concat(dd.value), []).sort()
        }))
        .value();

这里小提琴： https://jsfiddle.net/dw1zzfqt/2/

Answer 5

var array = [{ key: 'black', value: ['2', '3', '9'] }, { key: 'black', value: ['1'] }, { key: 'gold', value: ['2', '3'] }, { key: 'gold', value: ['1'] }, { key: 'red', value: ['9'] }, { key: 'white', value: ['2', '3'] }, { key: 'white', value: ['1'] }],
    result = [];

array.forEach(function (a) {
    if (!this[a.key]) {
        this[a.key] = { key: a.key, value: [] };
        result.push(this[a.key]);
    }
    this[a.key].value = this[a.key].value.concat(a.value);
    this[a.key].value.sort();
}, {});

document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>');

在javascript中折叠属性值上的对象数组

5 个答案: