当前位置:首页 > JavaScript

js实现九九

2026-02-01 02:21:40JavaScript

js实现九九

以下是使用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);
}

方法二: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实现

js实现

JavaScript 实现方法 JavaScript 是一种广泛使用的编程语言,适用于网页开发、服务器端编程以及移动应用开发。以下是几种常见的 JavaScript 实现方法: 网页交互功能 使用…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 使用JavaScript实现拖拽功能需要监听鼠标事件,包括mousedown、mousemove和mouseup。以下是实现的基本逻辑: const draggableElem…

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现跳转

js实现跳转

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

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval…