当前位置:首页 > JavaScript

js实现九九

2026-04-05 18:45:11JavaScript

使用 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>');

方法五:使用递归实现

通过递归函数生成每一行的内容,适合学习递归的使用。

js实现九九

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));
}

以上方法均能实现九九乘法表的生成,可以根据实际需求选择适合的方式。

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

相关文章

js实现复制

js实现复制

使用document.execCommand方法 在较旧的浏览器中,可以使用document.execCommand('copy')实现复制功能。创建一个临时的textarea或input元素,将需要…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js实现vr

js实现vr

使用WebXR API实现VR体验 WebXR是浏览器中实现VR和AR体验的标准API,它取代了早期的WebVR。现代浏览器如Chrome、Edge和Firefox已支持WebXR。 // 初始化W…

js实现目录

js实现目录

实现目录的基本思路 在JavaScript中实现目录功能通常涉及以下几个核心步骤:解析文档中的标题元素(如h1-h6),动态生成目录结构,并添加交互逻辑(如点击跳转)。以下是具体实现方法: 解析标题…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…

节流js实现

节流js实现

节流(Throttle)的实现原理 节流是一种限制函数执行频率的技术,确保函数在一定时间间隔内最多执行一次。适用于高频触发事件(如滚动、输入、窗口调整等)的场景。 基础实现方式 使用时间戳判断是否执…