轉換表索引

Question

我有數據中的數據填充到表中。陣列的索引對應於表中的點，如下所示：

0,1,2  0,1,2  0,1,2 
3,4,5 or 3,4,5 or 3,4,5 
6,7,8  6,7   6 

也就是說從左到右，從上到下排列。我需要想出一個函數，從上到下，從左到右排列它。像這樣：

0,3,6  
1,4,7 
2,5,8 

有幾件事要注意。該表可以包含任意數量的元素，但只會有3列。

所以總結一下，我需要的是這樣的：

Array indexes = [0,1,2,3,4,5,6,7,8] 
Indexes after converting= [0,3,6,1,4,7,2,5,8] 

現在我這個工作有些情況下，就像如果有九個值。我只是真的很難找出任意案件。即時通訊使用Javascript，但任何語言的任何答案真的會有所幫助。

對此的推理，是我需要我的表放置不同，但不想觸摸html。我想重新排序索引，以便從上到下，從左到右排列。

繼承人是我到目前爲止有：

scope.correctIndexData = function (data) { 
     var colors = ['#92278f', '#f15a29', '#006838', '#27aae1', '#262262', '#754c29', '#ee2a7b', '#8dc63f', '#fff200']; 
     var row = 0; 
     var column = 0; 

     var correctedData = new Array(data.length); 
     for (var index = 0; index < data.length; index++) { 
      var newIndex = scope.getCorrectedIndex(row,column,data); 
      if(data.length>=10){ 
       correctedData[index] = data[newIndex]; 
      } 
      else{ 
       correctedData[newIndex] = data[index]; 
       correctedData[newIndex].color = colors[newIndex]; 
      } 

      if (column === 2) { 
       column = 0; 
       row++; 
      } else { 
       column++; 
      } 
     } 
     return correctedData; 
    }; 

    scope.getCorrectedIndex = function (row, column, data) { 
     var newIndex; 
     var rows = Math.ceil(data.length/3.0); //number of rows in table 
     //handle the first row since there can be verying number of columns per row 
     if (row === 0) { 
      if(column === 0){ 
       newIndex = 0; 
      } 
      else if (column === 1) { 
       newIndex = rows; 
      } else if(column == 2){ 
       if(data.length % 3 == 1){ 
        newIndex = rows * 2 -1; 
       } 
       else{ 
       newIndex = rows * 2;  

      } 
     } 
     } else { 
      if(data.length % 3 === 0){ 
       newIndex = (row) + (3 * column); 
      } 
      else if(data.length % 3 == 1){ 
       if(column === 0 || data.length % 7 === 0){ 
        newIndex = (row) + (3 * column); 
       } 
       else{ 
        newIndex = (row) + (3 * column) + 1; 
       } 
      } 
      else{ 
       if(column === 0){ 
        newIndex = (row) + (3 * column); 
       } 
       else{ 
        newIndex = (row) + (3 * column) + 2; 
       } 
      } 
     } 
     return newIndex; 
    }; 

Answer 1

您需要通過柱（由每3個成員，即）

scope.extract = function (data, col) { 
    var ar = []; 
    for (var i = col; i < data.length; i += 3) { 
    ar.push(data[i]); 
    } 
    return ar; 
} 

scope.correctIndexData = function (data) { 
    return scope.extract(data, 0).concat(scope.extract(data, 1)).concat(scope.extract(data,2)) 
} 

Answer 2

迭代試試這個：

// for your case, columns should equal 3 
 
function transpose(array, columns) { 
 
    var output = []; 
 
    var rows = Math.ceil(array.length/columns); 
 
    var i, j; 
 

 
    for (j = 0; j < columns; j++) { 
 
    for (i = 0; i < rows && i * columns + j < array.length; i++) { 
 
     output.push(array[i * columns + j]); 
 
    } 
 
    } 
 

 
    return output; 
 
} 
 

 
var input = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]; 
 

 
console.log(input.slice(0, 9).join()); 
 
console.log(transpose(input.slice(0, 9), 3).join()); 
 
console.log('----'); 
 
console.log(input.slice(0, 8).join()); 
 
console.log(transpose(input.slice(0, 8), 3).join()); 
 
console.log('----'); 
 
console.log(input.slice(0, 7).join()); 
 
console.log(transpose(input.slice(0, 7), 3).join()); 
 
console.log('----'); 
 
console.log(input.slice(0, 12).join()); 
 
console.log(transpose(input.slice(0, 12), 4).join());

<!-- results pane console output; see http://meta.stackexchange.com/a/242491 --> 
 
<script src="http://gh-canon.github.io/stack-snippet-console/console.min.js"></script>

第二個參數還允許您指定您要移入的列數，正如我在上一個示例中演示的那樣。

編輯

我真的不明白你爲什麼要[0,1,2,3,4,5,6]轉置到[0,3,5,1,4,6,2]，所以我會盡量解釋爲什麼它似乎是合乎邏輯的結果實際上應該是[0,3,6,1,4,2,5]：

0 1 2 
3 4 5 
6 

繼你的轉換算法，你應該首先從上到下跟蹤數字，然後從左到右，如下所示：

0 3 6 
1 4 
2 5 

然後，當你變平說成數組通過讀取左到右，然後上到下，您可以：

0 3 6 1 4 2 5 

這是我的算法究竟是幹什麼的。如果你能解釋爲什麼你的結論應該是0 3 5 1 4 6 2，那麼這將幫助我以你想要的方式調整我的算法。