web-dev-qa-db-fra.com

Échanger des lignes avec des colonnes (transposition) d'une matrice en javascript

Par exemple, j'ai une matrice comme celle-ci:

|1 2 3|    
|4 5 6|
|7 8 9|

et j'en ai besoin pour convertir en une matrice comme celle-ci:

|1 4 7|    
|2 5 8|
|3 6 9|

Quelle est la meilleure façon optimale d’atteindre cet objectif?

javascriptmatrixmultidimensional-arrayswap
23
Bakhtiyor

Voir l'article: Transposer un tableau en JavaScript et jQuery

function transpose(a) {

  // Calculate the width and height of the Array
  var w = a.length || 0;
  var h = a[0] instanceof Array ? a[0].length : 0;

  // In case it is a zero matrix, no transpose routine needed.
  if(h === 0 || w === 0) { return []; }

  /**
   * @var {Number} i Counter
   * @var {Number} j Counter
   * @var {Array} t Transposed data is stored in this array.
   */
  var i, j, t = [];

  // Loop through every item in the outer array (height)
  for(i=0; i<h; i++) {

    // Insert a new row (array)
    t[i] = [];

    // Loop through every item per item in outer array (width)
    for(j=0; j<w; j++) {

      // Save transposed data.
      t[i][j] = a[j][i];
    }
  }

  return t;
}

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

16
troynt

Googling est arrivé ça . Étonnamment, il est encore plus concis et complet que Nikita 's answer . Il récupère implicitement les longueurs de colonnes et de lignes dans les entrailles de map().

function transpose(a) {
    return Object.keys(a[0]).map(function(c) {
        return a.map(function(r) { return r[c]; });
    });
}

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

49
hobs

Comme dans n'importe quelle autre langue:

int[][] copy = new int[columns][rows];
for (int i = 0; i < rows; ++i) {
    for (int j = 0; j < columns; ++j) {
        copy[j][i] = original[i][j];
    }
}

Vous devez simplement construire le tableau 2D différemment dans JS. Comme ça:

function transpose(original) {
    var copy = [];
    for (var i = 0; i < original.length; ++i) {
        for (var j = 0; j < original[i].length; ++j) {
            // skip undefined values to preserve sparse array
            if (original[i][j] === undefined) continue;
            // create row if it doesn't exist yet
            if (copy[j] === undefined) copy[j] = [];
            // swap the x and y coords for the copy
            copy[j][i] = original[i][j];
        }
    }
    return copy;
}

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

6
Nikita Rybak

Je n'ai pas assez de réputation pour commenter (wtf.), Je dois donc poster la version mise à jour de Ken comme réponse séparée:

function transpose(a) {
    return a[0].map(function (_, c) { return a.map(function (r) { return r[c]; }); });
}
5
KIT-Inwi

Version compacte de Réponse des tables de cuisson avec les fonctions de flèche de ES6

function transpose(matrix) {
    return Object.keys(matrix[0])
        .map(colNumber => matrix.map(rowNumber => rowNumber[colNumber]));
}
1
Anton Iokov

Vous pouvez utiliser Object.keys et Array.prototype.map: 

function transpose(arr) {
  return Object.keys(arr[0]).map(function (c) {
    return arr.map(function (r) {
      return r[c];
    });
  });
}

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

0
Pedro Justo