当前位置:首页 > JavaScript

js实现九九

2026-03-14 00:33:42JavaScript

js实现九九

使用 JavaScript 实现九九乘法表

方法一:使用双重循环打印九九乘法表

for (let i = 1; i <= 9; i++) {
    let row = '';
    for (let j = 1; j <= i; j++) {
        row += `${j} × ${i} = ${i * j}\t`;
    }
    console.log(row);
}

方法二:将结果输出到 HTML 页面

document.addEventListener('DOMContentLoaded', function() {
    const table = document.createElement('table');
    for (let i = 1; i <= 9; i++) {
        const row = document.createElement('tr');
        for (let j = 1; j <= i; j++) {
            const cell = document.createElement('td');
            cell.textContent = `${j} × ${i} = ${i * j}`;
            row.appendChild(cell);
        }
        table.appendChild(row);
    }
    document.body.appendChild(table);
});

方法三:使用数组和 map 方法实现

const results = Array.from({ length: 9 }, (_, i) => 
    Array.from({ length: i + 1 }, (_, j) => 
        `${j + 1} × ${i + 1} = ${(i + 1) * (j + 1)}`
    )
);
results.forEach(row => console.log(row.join('\t')));

方法四:使用递归实现

function printMultiplicationTable(row = 1, col = 1) {
    if (row > 9) return;
    if (col > row) {
        console.log('');
        printMultiplicationTable(row + 1, 1);
        return;
    }
    process.stdout.write(`${col} × ${row} = ${row * col}\t`);
    printMultiplicationTable(row, col + 1);
}
printMultiplicationTable();

方法五:使用字符串模板和 join

Array(9).fill().forEach((_, i) => {
    const row = Array(i + 1).fill().map((_, j) => 
        `${j + 1} × ${i + 1} = ${(i + 1) * (j + 1)}`
    ).join('\t');
    console.log(row);
});

以上方法都可以实现九九乘法表,根据不同的需求选择合适的方式。控制台输出适合调试,HTML 输出适合网页展示,递归实现展示了不同的编程思路。

js实现九九

标签: 九九js
分享给朋友:

相关文章

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js实现tab选项卡切换

js实现tab选项卡切换

实现Tab选项卡切换的JavaScript方法 使用纯JavaScript实现Tab切换功能,可以通过监听点击事件动态切换内容显示状态。以下是两种常见实现方式: 基础DOM操作实现 /…

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…