Split a two-dimensional array of specified length

Question

Split the original array into a two-dimensional array of the specified length

list => source array

columns => columns number

targetList => two-dimensional array

const list = [1,2,3,4,5,6,7,8,9,10]
const columns = 4;
const targetList = [ [1,2,3], [4,5,6], [7,8,9], [10] ];

const columns = 5;
const targetList = [ [1,2], [3,4], [5,6], [7,8], [9,10] ];

const columns = 6;
const targetList = [ [1,2], [3,4], [5,6], [7,8], [9], [10] ];

const list = [1,2,3,4,5,6]
const columns = 4;
const targetList = [ [1,2], [3,4], [5], [6] ];

const list = [1,2,3,4]
const columns = 5;
const targetList = [ [1], [2], [3], [4] ];

Based on what algorithm do you want to make these splits? Like for `6` columns (_which is actually rows_) and `10` items, how do you decide the no. of items that each nested array would hold? — SSM, May 26 '22 at 07:05
@AlinApetrei Yes，I need！Can you help me write an algorithm function? — , May 26 '22 at 07:07
@danjp With `[1,2,3,4,5,6]` and `4` rows, how do you decide that the first row would have `2` columns and the last two rows would have `1` column each? — SSM, May 26 '22 at 07:11
@SSM Make the column sizes as even as possible, and put extra options in the first several columns, and also make them even — , May 26 '22 at 07:12

SSM · Accepted Answer · 2022-05-27T13:44:59.293

You can use Array.prototype.reduce and transform the given list to the desired grid.

Push the a new row to the resultant grid if any of the following conditions meet:

If there are no rows currently.
If the last row is filled i.e. no more columns can be added to the last row, then add a new row with the current item.
If items remaining to be pushed becomes equal to rows remaining to be created.

const transform = (list, rows) =>
  list.reduce((t, l, i) => {
    if (
      !t.length ||
      t.at(-1).length >= Math.ceil(list.length / rows) ||
      list.length - i === rows - t.length
    ) {
      t.push([]);
    }
    t.at(-1).push(l);
    return t;
  }, []);

console.log(transform([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 4));
console.log(transform([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 5));
console.log(transform([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 6));
console.log(transform([1, 2, 3, 4, 5, 6], 4));
console.log(transform([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 4));
console.log(transform([1, 2, 3, 4], 5));

Other relevant documentations:

Split a two-dimensional array of specified length

1 Answers1