JavaScript數組是一種十分常見的數據結構，它可以在代碼中方便地儲存和管理一組數據。在此我們將會使用JavaScript數組來創建一個漂亮的數字時鐘，讓我們開始吧！

首先，我們需要聲明并初始化一個包含數字的數組，這些數字用來代表時鐘上的數字。例如，我們可以創建一個數組來表示數字0：

const zero = [
'███',
'█ █',
'█ █',
'█ █',
'███'
];

我們還需要一個包含所有數字的數組。為了使它更易于使用，我們可以創建一個多維數組，其中每個數組元素都是一個數字數組，如下所示：

const digits = [
[
'███',
'█ █',
'█ █',
'█ █',
'███'
],
[
'  █ ',
'  █ ',
'  █ ',
'  █ ',
'  █ '
],
// 其他數字
// ...
];

現在，我們已經有了表示數字的數組，我們需要一個函數，它接收一個數字，并返回表示該數字的數組：

function getDigit(digit) {
// 確保我們有一個數字
digit = Number.parseInt(digit, 10);
// 如果數字是無效的，則返回undefined
if (isNaN(digit) || digit< 0 || digit >9) {
return undefined;
}
// 返回數字數組
return digits[digit];
}

現在我們已經有了用于表示數字的數組，并且我們可以使用函數獲取數字數組，我們需要編寫一個函數，它使用數字數組來繪制數字。這里我們將使用一個雙重for循環，逐行遍歷數字數組，將數字數組中的每一行轉換為一個字符串。我們還將使用數組join()方法將這些字符串組合在一起，并在每行之間插入換行符以形成完整的數字：

function drawNumber(numberArray) {
// 數字的寬度為它的第一行字符串的長度
const width = numberArray[0].length;
// 遍歷數字的所有行
for (let i = 0; i< numberArray.length; i++) {
// 將一行數字數組轉換為字符串
const rowString = numberArray[i].join('');
// 將字符串插入HTML中的
元素中
document.write('
' + rowString + '
');
}
}

現在我們已經有了獲取數字數組和繪制數字的兩個函數，我們只需要組合它們以創建一個時鐘。我們可以首先獲取當前時間，然后將其分解為小時、分鐘和秒。接下來，我們可以使用我們的getDigit()函數獲取數字數組，并對時鐘的每個部分進行繪制。

function drawClock() {
// 獲取當前時間
const now = new Date();
const hours = now.getHours();
const minutes = now.getMinutes();
const seconds = now.getSeconds();
// 獲取數字數組
const hourDigits = getDigit(hours);
const minuteDigits = getDigit(minutes);
const secondDigits = getDigit(seconds);
// 填充數字數組
const clockArray = [
[hourDigits, minuteDigits, secondDigits],
// 其他分隔符
// ...
];
// 輸出數字數組
for (let i = 0; i< clockArray.length; i++) {
const clockLine = [];
for (let j = 0; j< clockArray[i].length; j++) {
clockLine.push(clockArray[i][j]);
// 這里插入分隔符
}
drawNumber(clockLine);
}
}
// 每秒更新時鐘
setInterval(drawClock, 1000);

現在，我們已經用JavaScript數組實現了一個漂亮的數字時鐘，它可以實時更新。我們使用了數組來表示數字，并使用函數獲取和繪制數字數組。我們還可以使用數組來解決其他問題，并且可以通過使用各種JavaScript數組方法來方便地管理和操作數組。