Блог

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

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

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть массив с 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
}];

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

 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 и создать объект для отправки в массив столбцов после выполнения условия?

Комментарии:

1. есть ли у вас какие-то другие ограничения, например, минимизировать элементы или попытаться приблизиться к желаемому максимальному значению? должен ли сохраняться порядок?

2. @NinaScholz Ограничение состоит в том, чтобы никогда не выходить за пределы максимального значения, порядок не имеет значения, если ширина в сочетании или в единственном числе меньше или равна максимальному значению.

Ответ №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)

К вашему сведению: это решение сравнивает только соседние значения в массиве.