我有对象数组,具有以下结构:

days : string // "mo","tu","we"..
time : string // "9am - 3pm"

有时会发生在我有 2 个(甚至更多)具有相同 days 值的对象时。在这种情况下,我需要合并这些项目(更改 time 值,加入这个“相同”项目的值)

var array = [{
  days: "mo,tu,we,th",
  time: "9am - 3pm"
}, {
  days: "mo,tu,we,th",
  time: "5pm - 9pm"
}, {
  days: "sa,su",
  time: "9am - 2pm"
}];

var newArr = [];
for (var i = 0; i < array.length; i++) {
  var currItem = array[i];

  var mergedArray = [];
  array.forEach(function(el) {
    if (currItem.days == el.days) {
      mergedArray.push(el.time);
    }
  });
  var mergedTime =  mergedArray.join(', ');
  currItem.time = mergedTime;
  if (newArr.filter(function(item) {
    return item.days == currItem.days;
  }).length < 1) {
    newArr.push(currItem);
  }
}

console.log(newArr);


这就是我所看到的,如何合并我的数组项,但我不喜欢它,因为里面有很多循环。有没有更优雅的解决方案?也许使用 lodash。

最佳答案

您可以使用 _.uniqWith 并稍微篡改对象引用来获得预期结果。

如果不想修改原始数组,可以将数组的一个 _ .cloneDeep 传递给 _.uniqWith 函数。

var arr = [{
  days: "mo,tu,we,th",
  time: "9am - 3pm"
}, {
  days: "mo,tu,we,th",
  time: "5pm - 9pm"
}, {
  days: "sa,su",
  time: "9am - 2pm"
}];

console.log(_.uniqWith(arr, function(a, b) {
  if (a.days === b.days) {
    b.time += ', ' + a.time;
    return true;
  }
}));
<script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>

关于javascript - 如果至少有 2 个具有相同的属性值,则合并数组元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40330074/

10-14 19:45
查看更多