js实现九九
使用 JavaScript 实现九九乘法表
方法一:使用双重 for 循环
通过嵌套循环实现九九乘法表的生成,外层循环控制行数,内层循环控制列数。
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 方法
利用数组的 map 方法生成每一行的内容,再通过 join 方法拼接成字符串。
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);
});
方法三:使用字符串模板
通过字符串模板动态生成每一行的内容,减少循环嵌套。
let table = '';
for (let i = 1; i <= 9; i++) {
for (let j = 1; j <= i; j++) {
table += `${j} x ${i} = ${i * j}\t`;
}
table += '\n';
}
console.log(table);
方法四:输出为 HTML 表格
将九九乘法表渲染为 HTML 表格,适合在网页中显示。
document.write('<table border="1">');
for (let i = 1; i <= 9; i++) {
document.write('<tr>');
for (let j = 1; j <= i; j++) {
document.write(`<td>${j} x ${i} = ${i * j}</td>`);
}
document.write('</tr>');
}
document.write('</table>');
方法五:使用递归实现
通过递归函数生成每一行的内容,适合学习递归的使用。

function generateRow(i, j = 1, row = '') {
if (j > i) return row;
row += `${j} x ${i} = ${i * j}\t`;
return generateRow(i, j + 1, row);
}
for (let i = 1; i <= 9; i++) {
console.log(generateRow(i));
}
以上方法均能实现九九乘法表的生成,可以根据实际需求选择适合的方式。






