每次加載頁面時，我都嘗試從預定義的配色方案中隨機加載配色方案。希望我的編碼嘗試是不言自明的，但我的方法是創建一個名為“colourSchemes”的陣列，用 3 個配色方案填充它（使用鍵值對定義構成該方案的 3 種顏色），然后存盤在變數中選擇顏色方案。
然后，我嘗試將所選方案中的顏色分配給物件的 fillStyle。不幸的是，我正在畫一個空白（字面意思）。任何幫助，將不勝感激。片段：
//define colour schemes
var colourSchemes = [];
colourSchemes.colourScheme_1 = {colour_1 : "#84FFC9", colour_2 : "#AAB2FF", colour_3 : "#ECA0FF"};
colourSchemes.colourScheme_2 = {colour_1 : "#540D6E", colour_2 : "#EE4266", colour_3 : "#FFD23F"};
colourSchemes.colourScheme_3 = {colour_1 : "#FFBA49", colour_2 : "#20A39E", colour_3 : "#EF5B5B"};
//random colour scheme selected on load
var active_colourScheme = colourSchemes[Math.floor(Math.random() * colourSchemes.length)];
//background colour
ctx.fillStyle = active_colourScheme.colour_1;
ctx.fillRect(0, 0, canvasW, canvasH);
uj5u.com熱心網友回復：
這就是您現在Array使用值填充 an 的方式。在您的情況下，您可以在陣列宣告期間將值放入陣列中：
const colourScheme_1 = {colour_1 : "#84FFC9", colour_2 : "#AAB2FF", colour_3 : "#ECA0FF"};
const colourScheme_2 = {colour_1 : "#540D6E", colour_2 : "#EE4266", colour_3 : "#FFD23F"};
const colourScheme_3 = {colour_1 : "#FFBA49", colour_2 : "#20A39E", colour_3 : "#EF5B5B"};
const colourSchemes = [colourScheme_1, colourScheme_2, colourScheme_3];
//random colour scheme selected on load
const active_colourScheme = colourSchemes[Math.floor(Math.random() * colourSchemes.length)];
console.log(active_colourScheme);.as-console-wrapper { max-height: 100% !important; top: 0; }或者push()將值放入陣列中。如果您想在宣告后稍后向陣列添加值，則此方法有效。
const colourSchemes = [];
const colourScheme_1 = {colour_1 : "#84FFC9", colour_2 : "#AAB2FF", colour_3 : "#ECA0FF"};
const colourScheme_2 = {colour_1 : "#540D6E", colour_2 : "#EE4266", colour_3 : "#FFD23F"};
const colourScheme_3 = {colour_1 : "#FFBA49", colour_2 : "#20A39E", colour_3 : "#EF5B5B"};
colourSchemes.push(colourScheme_1, colourScheme_2, colourScheme_3)
//random colour scheme selected on load
const active_colourScheme = colourSchemes[Math.floor(Math.random() * colourSchemes.length)];
console.log(active_colourScheme);.as-console-wrapper { max-height: 100% !important; top: 0; }我建議您閱讀
Array我在此處（及以上）鏈接的文章，以便了解如何在 JavaScript 中正確使用陣列。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/472100.html
標籤：javascript 数组 变量 随机的