加載一個不同的js文件頁面的每一個負載

所以基本上我有一個JS文件，包含對象（var），我希望能夠加載一個不同的對象，每次我加載頁面。因此，例如，在加載頁面時，會創建一個新的對象'temp'，其中包含來自JS文件的一些對象data *（data1，data2等）的數據。我不知道這是如何工作的，我不知道我是否需要5個.js文件或一個包含5個數據變量的文件。加載一個不同的js文件頁面的每一個負載

var data = { 

    'coords' : [[784, 42], [802, 324], [128, 365], [710, 166], [513, 283], [610 , 391], [544, 48], [323, 204], [316, 50], [938, 52]], 
    'walkthrough' : [8, 6, 0, 9, 3, 1, 5, 4, 2, 7], 
    'highscore' : 2217 
} 

var data1 = { 
    'coords' : [[784, 42], [933, 211], [304, 190], [756, 264], [365, 395], [129, 302], [504, 261], [650, 393], [283, 26], [593, 35]], 
    'walkthrough' : [8, 9, 0, 1, 3, 7, 6, 4, 5, 2], 
    'highscore' : 2123 

} 

var data2 = { 
    'coords' : [[784, 42], [591, 289], [242, 289], [710, 150], [465, 371], [589, 146], [667, 24], [323, 204], [173, 173], [898, 197] ], 
    'walkthrough' : [8, 2, 7, 4, 1, 5, 3, 9, 0, 6], 
    'highscore' : 1897 

} 

var data3 = { 
    'coords' : [[785, 264], [591, 289], [392, 49], [419, 332], [862, 159], [533, 166], [710, 119], [323, 204], [600, 32], [834, 54]], 
    'walkthrough' : [2, 7, 3, 1, 0, 4, 9, 6, 8, 5], 
    'highscore' : 1573 

} 

var data4 = { 
    'coords' : [[903, 292], [634, 352], [44, 350], [150, 188], [883, 131], [475, 240], [697, 152], [274, 341], [491, 69], [784, 34]], 
    'walkthrough' : [2, 7, 5, 1, 0, 4, 9, 6, 8, 3], 
    'highscore' : 2167 

}

我想要的是有一個對象「臨時」，這將有一些數據對象的數據。

任何幫助表示讚賞，在此先感謝。

來源

2014-04-28 user3095198

是否可以將所有對象放入數組中？如果是的話，做一個Math.random並讓它選擇一個索引！ – A1rPun

我已經在下面提供了一個答案（實際上，@ A1rPun所說的很多 - 抱歉，沒有看到！）數據是靜態的，還是來自某處？對此可能有一個更好的方法。 – Archer

爲了存儲這樣的小數據，不需要5個js文件。將它存儲在一個文件中，然後使用Math.random（）函數隨機選擇一個變量。 – Ashutosh

這應該做你需要什麼...

var data = [{ 
    'coords' : [[784, 42], [802, 324], [128, 365], [710, 166], [513, 283], [610 , 391], [544, 48], [323, 204], [316, 50], [938, 52]], 
    'walkthrough' : [8, 6, 0, 9, 3, 1, 5, 4, 2, 7], 
    'highscore' : 2217 
}, { 
    'coords' : [[784, 42], [933, 211], [304, 190], [756, 264], [365, 395], [129, 302], [504, 261], [650, 393], [283, 26], [593, 35]], 
    'walkthrough' : [8, 9, 0, 1, 3, 7, 6, 4, 5, 2], 
    'highscore' : 2123 

}, { 
    'coords' : [[784, 42], [591, 289], [242, 289], [710, 150], [465, 371], [589, 146], [667, 24], [323, 204], [173, 173], [898, 197] ], 
    'walkthrough' : [8, 2, 7, 4, 1, 5, 3, 9, 0, 6], 
    'highscore' : 1897 

}, { 
    'coords' : [[785, 264], [591, 289], [392, 49], [419, 332], [862, 159], [533, 166], [710, 119], [323, 204], [600, 32], [834, 54]], 
    'walkthrough' : [2, 7, 3, 1, 0, 4, 9, 6, 8, 5], 
    'highscore' : 1573 

}, { 
    'coords' : [[903, 292], [634, 352], [44, 350], [150, 188], [883, 131], [475, 240], [697, 152], [274, 341], [491, 69], [784, 34]], 
    'walkthrough' : [2, 7, 5, 1, 0, 4, 9, 6, 8, 3], 
    'highscore' : 2167 
}]; 

var thisData = data[Math.floor(data.length * Math.random())];

存儲所有在一個陣列中的數據，然後只需選擇其中的一個隨機。這是一個比擁有多個js文件更好的方法，因爲只有一個文件需要維護。

來源

2014-04-28 13:28:03 Archer

這樣的答案，哇碼。你有我的投票;） – A1rPun

JSON編碼的文件將更加模塊化。 – GameAlchemist

Lol @ A1rPun。非常模糊。所以lulz。 – Archer

加載一個不同的js文件頁面的每一個負載

回答

相關問題