JavaScript的排序多維JSON

我有這樣的JSON字符串：JavaScript的排序多維JSON

{ 
"widgets":[ 
    {"column1":[ 
     {"weight":1, "bID":1, "hideMe":false, "collapse":false, "titleOf":"Test 1", "colorOf":"color-blue", "theFunction":"functionName"}, 
     {"weight":2, "bID":2, "hideMe":false, "collapse":false, "titleOf":"Test 2", "colorOf":"color-red", "theFunction":"functionName"}, 
     {"weight":3, "bID":3, "hideMe":false, "collapse":true, "titleOf":"Test 3", "colorOf":"color-yellow", "theFunction":"functionName"} 
    ]}, 
    {"column2":[   
     {"weight":1, "bID":4, "hideMe":false, "collapse":false, "titleOf":"Test 4", "colorOf":"color-white", "theFunction":"functionName"}, 
     {"weight":3, "bID":5, "hideMe":false, "collapse":false, "titleOf":"Test 5", "colorOf":"color-green", "theFunction":"functionName"}, 
     {"weight":2, "bID":6, "hideMe":false, "collapse":true, "titleOf":"Test 6", "colorOf":"color-green", "theFunction":"functionName"} 
    ]}, 
    {"column3":[ 
     {"weight":3, "bID":7, "hideMe":false, "collapse":false, "titleOf":"Test 7", "colorOf":"color-green", "theFunction":"functionName"}, 
     {"weight":2, "bID":8, "hideMe":false, "collapse":true, "titleOf":"Test 8", "colorOf":"color-yellow", "theFunction":"functionName"}, 
     {"weight":1, "bID":9, "hideMe":false, "collapse":false, "titleOf":"Test 9", "colorOf":"color-white", "theFunction":"functionName"}, 
    ]} 
]}

，如果我做

alert(testJSON.widgets.length);

我得到3，但是如果我做

alert(testJSON.widgets.column1.length);

我得到「testJSON。 widgets.column3未定義「爲錯誤。

我最終試圖做的是取每列1-3並按重量排序。通過類似

testJSON.widgets.column1.sort(function(a,b) { return parseFloat(a.weight) - parseFloat(b.weight) });

因此，我可以再做一個。每個$（）通過jQuery

來源

2011-08-17 chris

如果您希望能夠訪問像你所說，你需要鋪設出來是這樣的：

{ 
"widgets": { 
    "column1":[ 
     {"weight":1, "bID":1, "hideMe":false, "collapse":false, "titleOf":"Test 1", "colorOf":"color-blue", "theFunction":"functionName"}, 
     {"weight":2, "bID":2, "hideMe":false, "collapse":false, "titleOf":"Test 2", "colorOf":"color-red", "theFunction":"functionName"}, 
     {"weight":3, "bID":3, "hideMe":false, "collapse":true, "titleOf":"Test 3", "colorOf":"color-yellow", "theFunction":"functionName"} 
    ], 
    "column2":[ 
     {"weight":1, "bID":4, "hideMe":false, "collapse":false, "titleOf":"Test 4", "colorOf":"color-white", "theFunction":"functionName"}, 
     {"weight":3, "bID":5, "hideMe":false, "collapse":false, "titleOf":"Test 5", "colorOf":"color-green", "theFunction":"functionName"}, 
     {"weight":2, "bID":6, "hideMe":false, "collapse":true, "titleOf":"Test 6", "colorOf":"color-green", "theFunction":"functionName"} 
    ], 
    "column3":[ 
     {"weight":3, "bID":7, "hideMe":false, "collapse":false, "titleOf":"Test 7", "colorOf":"color-green", "theFunction":"functionName"}, 
     {"weight":2, "bID":8, "hideMe":false, "collapse":true, "titleOf":"Test 8", "colorOf":"color-yellow", "theFunction":"functionName"}, 
     {"weight":1, "bID":9, "hideMe":false, "collapse":false, "titleOf":"Test 9", "colorOf":"color-white", "theFunction":"functionName"}, 
    ] 
    } 
}

無需包裹數組中的列。

來源

2011-08-17 23:53:56

的「小部件」鍵包含對象的數組，所以你需要指定偏移搶適當的專欄。

testJSON.widgets[0].column1; // returns "column1" object 

testJSON.widgets[0].column1.length; // returns 3

You can try it here.

我建議修改方案，從而取代「columnX」，它只是「列」。這將簡化遍歷，因爲你已經知道的「小部件」通過偏移列數，例如：

alert(testJSON.widgets[0].column.length); 
alert(testJSON.widgets[1].column.length);

Demo (new schema).

來源

2011-08-17 23:51:35 karim79

相反的：

alert(testJSON.widgets.column1.length);

使用

alert(testJSON.widgets[0].column1.length);

「column1」是數組中第一個對象的屬性「testJSON.widget s「

來源

2011-08-17 23:51:44 JGWeissman

你有數組而不是對象。而不是alert(testJSON.widgets.column1.length);你應該寫alert(testJSON.widgets[0].length);

來源

2011-08-17 23:53:00 Mohsen

爲什麼testJSON.widgets.column1未定義的原因是因爲widgets是Array，和你沒有訪問數組索引。您可以訪問testJSON.widgets[0].column1代替，或者調整你的JSON看起來像這樣：

{ 
"widgets":{ 
    "column1":[ 
     {"weight":1, "bID":1, "hideMe":false, "collapse":false, "titleOf":"Test 1", "colorOf":"color-blue", "theFunction":"functionName"}, 
     {"weight":2, "bID":2, "hideMe":false, "collapse":false, "titleOf":"Test 2", "colorOf":"color-red", "theFunction":"functionName"}, 
     {"weight":3, "bID":3, "hideMe":false, "collapse":true, "titleOf":"Test 3", "colorOf":"color-yellow", "theFunction":"functionName"} 
    ], 
    "column2":[   
     {"weight":1, "bID":4, "hideMe":false, "collapse":false, "titleOf":"Test 4", "colorOf":"color-white", "theFunction":"functionName"}, 
     {"weight":3, "bID":5, "hideMe":false, "collapse":false, "titleOf":"Test 5", "colorOf":"color-green", "theFunction":"functionName"}, 
     {"weight":2, "bID":6, "hideMe":false, "collapse":true, "titleOf":"Test 6", "colorOf":"color-green", "theFunction":"functionName"} 
    ], 
    "column3":[ 
     {"weight":3, "bID":7, "hideMe":false, "collapse":false, "titleOf":"Test 7", "colorOf":"color-green", "theFunction":"functionName"}, 
     {"weight":2, "bID":8, "hideMe":false, "collapse":true, "titleOf":"Test 8", "colorOf":"color-yellow", "theFunction":"functionName"}, 
     {"weight":1, "bID":9, "hideMe":false, "collapse":false, "titleOf":"Test 9", "colorOf":"color-white", "theFunction":"functionName"}, 
    ] 
}

更新：

其實，我覺得你真的想要的是有一個「二維」數組什麼（實際上是一個數組數組）;命名列不能在循環中方便地訪問。這將是你需要一個更好的結構：

{ 
    "widgets": [ 
     [ 
      {"weight":1, "bID":1, "hideMe":false, "collapse":false, "titleOf":"Test 1", "colorOf":"color-blue", "theFunction":"functionName"}, 
      {"weight":2, "bID":2, "hideMe":false, "collapse":false, "titleOf":"Test 2", "colorOf":"color-red", "theFunction":"functionName"}, 
      {"weight":3, "bID":3, "hideMe":false, "collapse":true, "titleOf":"Test 3", "colorOf":"color-yellow", "theFunction":"functionName"} 
     ], 
     [   
      {"weight":1, "bID":4, "hideMe":false, "collapse":false, "titleOf":"Test 4", "colorOf":"color-white", "theFunction":"functionName"}, 
      {"weight":3, "bID":5, "hideMe":false, "collapse":false, "titleOf":"Test 5", "colorOf":"color-green", "theFunction":"functionName"}, 
      {"weight":2, "bID":6, "hideMe":false, "collapse":true, "titleOf":"Test 6", "colorOf":"color-green", "theFunction":"functionName"} 
     ], 
     [ 
      {"weight":3, "bID":7, "hideMe":false, "collapse":false, "titleOf":"Test 7", "colorOf":"color-green", "theFunction":"functionName"}, 
      {"weight":2, "bID":8, "hideMe":false, "collapse":true, "titleOf":"Test 8", "colorOf":"color-yellow", "theFunction":"functionName"}, 
      {"weight":1, "bID":9, "hideMe":false, "collapse":false, "titleOf":"Test 9", "colorOf":"color-white", "theFunction":"functionName"} 
     ] 
    ] 
}

來源

2011-08-17 23:53:06 Jacob

JavaScript的排序多維JSON

回答

相關問題