使用javascript創建多個2D對象數組，其中對象具有相同的屬性

Question

如何創建兩個2-DArrays，其中數組的每個元素都是具有屬性的對象。兩個陣列的大小都不相同，每個單元的屬性都不相同。

var gridcell = []; 
var regionalcell = []; 

到目前爲止，我已經做到了這一點，它的工作原理，但它效率不高，我不想重複代碼。如果你們能夠幫忙，那將會很棒。

在這兩個函數中，「w，h，r，c」的值是不同的。

function createCellArray(w, h,r,c) 
{ 
    for (j = 0; j < r; j++) 
    { 
     gridcell[j] = []; 
     for (i = 0; i < c; i++) 
     { 
     gridcell[j][i] = 
      { 
       "x1": w * i, 
       "y1": h * j, 
       "x2": w * (i + 1), 
       "cell_color": null, 
       "y2": h * (j + 1), 
       "name": (i + 1 * (j * 10)) + 1 
      } 
     } 
    } 
} 


function createRegionalCellArray(w, h, r, c) { 
    for (j = 0; j < r; j++) { 
     regional[j] = []; 
     for (i = 0; i < c; i++) { 
      regional[j][i] = 
      { 
       "x1": w * i, 
       "y1": h * j, 
       "x2": w * (i + 1), 
       "cell_color": null, 
       "y2": h * (j + 1), 
       "name": (i + 1 * (j * 10)) + 1 
      } 
     } 
    } 
} 

Answer 1

我不確定真的明白你的問題是什麼......你想分解你的代碼？

在這種情況下，才使返回您共同數組的函數：

function returnCellArray(w, h, r, c) 
{ 
    var cellArray = []; 
    for (j = 0; j < r; j++) 
    { 
     cellArray[j] = []; 
     for (i = 0; i < c; i++) 
     { 
     cellArray[j][i] = 
      { 
       "x1": w * i, 
       "y1": h * j, 
       "x2": w * (i + 1), 
       "cell_color": null, 
       "y2": h * (j + 1), 
       "name": (i + 1 * (j * 10)) + 1 
      } 
     } 
    } 

    return cellArray; 
} 

gridCell = returnCellArray(w1, h1, r1, c1); 
regionalcell = returnCellArray(w2, h2, r2, c2);