当前位置:首页 > JavaScript

js实现乘法表

2026-04-04 03:47:36JavaScript

js实现乘法表

实现乘法表的方法

方法一:使用双重循环生成乘法表

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

方法二:使用数组和map方法生成乘法表

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

方法三:生成HTML格式的乘法表

function generateMultiplicationTable() {
    let table = '<table border="1">';
    for (let i = 1; i <= 9; i++) {
        table += '<tr>';
        for (let j = 1; j <= i; j++) {
            table += `<td>${j} x ${i} = ${i * j}</td>`;
        }
        table += '</tr>';
    }
    table += '</table>';
    document.body.innerHTML = table;
}
generateMultiplicationTable();

方法四:使用字符串模板生成乘法表

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

方法五:递归实现乘法表

function printTable(i = 1, j = 1, row = '') {
    if (i > 9) return;
    if (j > i) {
        console.log(row);
        printTable(i + 1, 1, '');
        return;
    }
    row += `${j} x ${i} = ${i * j}\t`;
    printTable(i, j + 1, row);
}
printTable();

标签: 乘法表js
分享给朋友:

相关文章

js实现抽奖

js实现抽奖

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

实现继承js

实现继承js

实现继承的方式 在JavaScript中,实现继承可以通过多种方式完成,每种方式都有其优缺点。以下是几种常见的实现继承的方法: 原型链继承 原型链继承是最基本的继承方式,通过将子类的原型指向父类的实…

js 实现图片轮播

js 实现图片轮播

基础实现方案 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS负责样式布局,JavaScript处理轮播逻辑。 <div class="…

js实现左右滑动

js实现左右滑动

实现左右滑动的 JavaScript 方法 监听触摸事件 通过 touchstart、touchmove 和 touchend 事件来检测用户的手势操作。记录触摸的起始位置和移动距离,判断滑动方向。…

js实现截图

js实现截图

使用HTML2Canvas库实现截图 HTML2Canvas是一个流行的JavaScript库,可以将网页元素或整个页面转换为Canvas图像。安装方式: npm install html2canv…

js实现同步

js实现同步

同步与异步的概念 在JavaScript中,同步代码会按照顺序执行,每一行代码必须等待上一行代码执行完成后才能运行。异步代码则允许在等待某些操作(如网络请求)完成的同时继续执行其他代码。 实现同步的…