如何将数组值加在一起,直到它们达到特定数量,然后用添加的值创建对象?

时间:2019-04-10 20:01:21

标签: javascript jquery

我有一个数组,该数组具有5个不同的width值,并且需要达到6个最大宽度。我该如何遍历数组,并在每次达到最大值时都使用这些值构建对象而无需结束?

考虑:

using (var httpTest = new HttpTest())
{                
   httpTest.ShouldNotHaveMadeACall();
}

使用widths数组中的数据,我将如何创建for循环以将宽度相加并创建下面的数组:

var max_width = "6";
var max_height = "200";
var widths = [{
        sku: "CSUT3",
        width: 3,
        height: 11
    }, {
        sku: "TUS45",
        width: 2.5,
        height: 4
    }, {
        sku: "TUS54",
        width: 6,
        height: 4
    }, {
        sku: "SRT55",
        width: 3.5,
        height: 4
    }, {
        sku: "RTS3",
        width: 3.75,
        height: 4
}];

我可以像这样遍历宽度

var columns = [
    {
      skus: ["CSUT3", "TUS45"], 
      widths: [3, 2.5], 
      heights: [11, 4]
    },
    {
      skus: ["TUS54"], 
      widths: [6], 
      heights: [4]
    },
    {
      skus: ["SRT55"], 
      widths: [3.5], 
      heights: [4]
    },
    {
      skus: ["RTS3"], 
      widths: [3.75], 
      heights: [4]
    }
];

但是如果满足条件,我将如何使迭代加在一起直到达到max_width值,并创建一个对象将其推入columns数组?

1 个答案:

答案 0 :(得分:1)

您可以在此处使用Array#reduce方法。

var max_width = "6";
var max_height = "200";
var widths = [{
  sku: "CSUT3",
  width: 3,
  height: 11
}, {
  sku: "TUS45",
  width: 2.5,
  height: 4
}, {
  sku: "TUS54",
  width: 6,
  height: 4
}, {
  sku: "SRT55",
  width: 3.5,
  height: 4
}, {
  sku: "RTS3",
  width: 3.75,
  height: 4
}];

const sum = arr => arr.reduce((a, b) => a + b)

const res = widths.reduce((arr, {
  sku,
  width,
  height
}) => {
  if (!arr.length ||
    sum(arr[arr.length - 1].width) + width > max_width ||
    sum(arr[arr.length - 1].height) + height > max_height) {
    arr.push({
      sku: [sku],
      width: [width],
      height: [height]
    })
  } else {
    arr[arr.length - 1].width.push(width);
    arr[arr.length - 1].height.push(height);
    arr[arr.length - 1].sku.push(sku);
  }
  return arr;
}, [])

console.log(res)

仅供参考::此解决方案仅比较数组中的相邻值。