Как преобразовать простой массив в двумерный массив (матрицу) с помощью Javascript

Question

Представьте, что у меня есть массив:

A = Array(1, 2, 3, 4, 5, 6, 7, 8, 9);

И я хочу, чтобы он был преобразован в 2-мерный массив (матрица N x M), например, так:

A = Array(Array(1, 2, 3), Array(4, 5, 6), Array(7, 8, 9));

Обратите внимание, что строки и столбцы матрицы могут изменяться.

Answer 1

Как то так?

function listToMatrix(list, elementsPerSubArray) {
    var matrix = [], i, k;

    for (i = 0, k = -1; i < list.length; i++) {
        if (i % elementsPerSubArray === 0) {
            k++;
            matrix[k] = [];
        }

        matrix[k].push(list[i]);
    }

    return matrix;
}

Использование:

var matrix = listToMatrix([1, 2, 3, 4, 4, 5, 6, 7, 8, 9], 3);
// result: [[1, 2, 3], [4, 5, 6], [7, 8, 9]]

Answer 2

Вы можете использовать функцию Array.prototype.reduce, чтобы сделать это в одной строке.

Стиль ECMAScript 6:

myArr.reduce((rows, key, index) => (index % 3 == 0 ? rows.push([key]) 
  : rows[rows.length-1].push(key)) && rows, []);

«Нормальный» JavaScript:

myArr.reduce(function (rows, key, index) { 
  return (index % 3 == 0 ? rows.push([key]) 
    : rows[rows.length-1].push(key)) && rows;
}, []);

Вы можете изменить 3 на любое желаемое количество столбцов, или, что еще лучше, поместить его в функцию многократного использования:

Стиль ECMAScript 6:

const toMatrix = (arr, width) => 
    arr.reduce((rows, key, index) => (index % width == 0 ? rows.push([key]) 
      : rows[rows.length-1].push(key)) && rows, []);

«Нормальный» JavaScript:

function toMatrix(arr, width) {
  return arr.reduce(function (rows, key, index) { 
    return (index % width == 0 ? rows.push([key]) 
      : rows[rows.length-1].push(key)) && rows;
  }, []);
}

Answer 3

Этот код является общим, не нужно беспокоиться о размере и массиве, работает универсально

  function TwoDimensional(arr, size) 
    {
      var res = []; 
      for(var i=0;i < arr.length;i = i+size)
      res.push(arr.slice(i,i+size));
      return res;
    }

1. Определение пустого массива.
2. Выполните итерацию в соответствии с размером, чтобы мы получили указанный фрагмент. Поэтому я увеличиваю i с size , потому что размер может быть 2,3,4,5,6. .....
3. Здесь я сначала нарезаю с i до (i + size) , а затем помещаю его в пустой массив res .
4. Возвращает двумерный массив.

Answer 4

Как насчет чего-то вроде:

var matrixify = function(arr, rows, cols) {
    var matrix = [];
    if (rows * cols === arr.length) {
        for(var i = 0; i < arr.length; i+= cols) {
            matrix.push(arr.slice(i, cols + i));
        }
    }

    return matrix;
};

var a = [0, 1, 2, 3, 4, 5, 6, 7];
matrixify(a, 2, 4);

http://jsfiddle.net/andrewwhitaker/ERAUs/

Answer 5

function matrixify( source, count )
{
    var matrixified = [];
    var tmp;
    // iterate through the source array
    for( var i = 0; i < source.length; i++ )
    {
        // use modulous to make sure you have the correct length.
        if( i % count == 0 )
        {
            // if tmp exists, push it to the return array
            if( tmp && tmp.length ) matrixified.push(tmp);
            // reset the temporary array
            tmp = [];
        }
        // add the current source value to the temp array.
        tmp.push(source[i])
    }
    // return the result
    return matrixified;
}

Если вы действительно хотите заменить внутренние значения массива, я думаю, вы можете вызвать следующее:

source.splice(0, source.length, matrixify(source,3));

Answer 6

Просто используйте два для циклов:

var rowNum = 3;
var colNum = 3;
var k = 0;
var dest = new Array(rowNum);

for (i=0; i<rowNum; ++i) {
  var tmp = new Array(colNum);
  for (j=0; j<colNum; ++j) {
    tmp[j] = src[k];
    k++;
  }
  dest[i] = tmp;
}

Answer 7

function chunkArrToMultiDimArr(arr, size) {

    var newArray = [];

    while(arr.length > 0)
    {
      newArray.push(arr.slice(0, size));
      arr = arr.slice(size);
    }

  return newArray;
}

//example - call function
chunkArrToMultiDimArr(["a", "b", "c", "d"], 2);

Answer 8

function matrixify(array, n, m) {
    var result = [];
    for (var i = 0; i < n; i++) {
        result[i] = array.splice(0, m);
    }
    return result;
}
a = matrixify(a, 3, 3);

Answer 9

Самый простой способ с ES6 с использованием Array.from()

const matrixify = (arr, size) => 
Array.from({ length: Math.ceil(arr.length / size) }, (v, i) =>  
arr.slice(i * size, i * size + size));
const list =  [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] ;
console.log(matrixify(list, 3));

Answer 10

Использование короткого ответа:

const gridArray=(a,b)=>{const d=[];return a.forEach((e,f)=>{const 
h=Math.floor(f/b);d[h]=d[h]||[],d[h][f%b]=a[f]}),d};

Где:

a: is the array
b: is the number of columns

Длинный ответ вы можете прочитать в статье:

Как преобразовать массив длины ‘n’ в сетку массивов