当前位置:首页 > JavaScript

js实现99

2026-04-06 22:43:25JavaScript

九九乘法表的实现

使用JavaScript实现九九乘法表可以通过循环嵌套来完成。以下是几种常见的实现方式:

方法一:控制台输出

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

方法二:HTML页面输出

document.write('<pre>');
for (let i = 1; i <= 9; i++) {
  for (let j = 1; j <= i; j++) {
    document.write(`${j}×${i}=${i*j}\t`);
  }
  document.write('<br>');
}
document.write('</pre>');

方法三:ES6实现

使用模板字符串和数组方法可以更简洁地实现:

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

console.log(multiplicationTable);

方法四:倒序输出

如果需要倒序输出九九乘法表:

js实现99

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

这些实现方式都能生成标准的九九乘法表,可以根据具体需求选择合适的方法。控制台输出适合调试和简单展示,HTML输出适合网页显示,ES6实现代码更简洁,倒序输出则提供了不同的展示方式。

标签: js
分享给朋友:

相关文章

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现文件下载

js实现文件下载

使用 a 标签下载文件 通过动态创建 a 标签并设置 download 属性实现文件下载。适用于已知文件 URL 或 Blob 数据的情况。 function downloadFile(url, f…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…

js 实现跳转

js 实现跳转

使用 window.location.href 进行跳转 通过修改 window.location.href 可以跳转到指定 URL,浏览器会加载新页面: window.location.hre…

js实现显示隐藏

js实现显示隐藏

显示隐藏的实现方法 在JavaScript中,实现元素的显示和隐藏可以通过多种方式完成。以下是几种常见的方法: 修改CSS的display属性 通过改变元素的display属性可以在none(隐藏)…

js计算器的实现

js计算器的实现

实现基础结构 HTML部分需要创建计算器的基本框架,包含显示区域和按钮。使用<div>容器包裹整个计算器,内部设置一个显示屏和多个按钮。 <div class="calculato…