当前位置:首页 > JavaScript

js实现九九

2026-02-01 02:21:40JavaScript

js实现九九

以下是使用JavaScript实现九九乘法表的几种方法:

js实现九九

方法一:基础双重循环

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

方法二:ES6模板字符串

for (let i = 1; i <= 9; i++) {
  console.log(
    Array.from({length: i}, (_, j) => 
      `${j+1}×${i}=${(j+1)*i}`
    ).join('\t')
  );
}

方法三:DOM输出到网页

document.body.innerHTML = 
  Array.from({length: 9}, (_, i) => 
    `<div>${Array.from({length: i+1}, (_, j) => 
      `${j+1}×${i+1}=${(j+1)*(i+1)}`
    ).join(' ')}</div>`
  ).join('');

方法四:函数式编程

const multiplicationTable = () => 
  [...Array(9)].map((_, i) => 
    [...Array(i+1)].map((_, j) => 
      `${j+1}×${i+1}=${(j+1)*(i+1)}`
    ).join(' ')
  ).join('\n');

console.log(multiplicationTable());

每种实现方式都会输出标准的九九乘法表,格式为:

1×1=1
1×2=2 2×2=4
1×3=3 2×3=6 3×3=9
...
1×9=9 2×9=18 ... 9×9=81

可根据实际需求选择控制台输出或网页渲染方式。方法一最简单直接,方法四展示了函数式编程风格。所有实现都遵循从左到右、从上到下的传统乘法表排列顺序。

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

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js实现vr

js实现vr

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

js实现交换

js实现交换

交换变量的方法 在JavaScript中,交换两个变量的值有多种方法。以下是常见的几种实现方式: 使用临时变量 通过引入一个临时变量来存储其中一个变量的值,实现交换: let a = 1; le…