Как сложить значения массива вместе, пока они не достигнут определенного числа, а затем создать объекты с добавленными значениями?

У меня есть массив с 5 различными значениями ширины и максимальной шириной 6, которую необходимо достичь. Как мне перебирать массив и создавать объект с этими значениями каждый раз, когда он достигает максимального значения, не переходя при этом?

Рассмотреть возможность:

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
}];

Используя данные в массиве ширины, как мне создать цикл for, чтобы сложить ширину вместе и создать массив ниже:

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]
    }
];

Я могу перебрать ширину следующим образом:

for (var i = 0; i < widths.length; i++) {
    alert(widths[i].width)
}

Но как мне сложить итерации, пока не будет достигнуто значение max_width, и создать объект, который будет помещаться в массив столбцов после выполнения условия?