JavaScript数组是一种十分常见的数据结构，它可以在代码中方便地储存和管理一组数据。在此我们将会使用JavaScript数组来创建一个漂亮的数字时钟，让我们开始吧！

首先，我们需要声明并初始化一个包含数字的数组，这些数字用来代表时钟上的数字。例如，我们可以创建一个数组来表示数字0：

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

我们还需要一个包含所有数字的数组。为了使它更易于使用，我们可以创建一个多维数组，其中每个数组元素都是一个数字数组，如下所示：

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

现在，我们已经有了表示数字的数组，我们需要一个函数，它接收一个数字，并返回表示该数字的数组：

function getDigit(digit) {// 确保我们有一个数字digit = Number.parseInt(digit, 10);// 如果数字是无效的，则返回undefinedif (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数组方法来方便地管理和操作数组。