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 输出适合网页展示,递归实现展示了不同的编程思路。







