当前位置:首页 > JavaScript

js实现九九

2026-02-01 02:21:40JavaScript

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

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

js实现九九

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实现动画

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

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现 功能

js实现 功能

在 JavaScript 中实现功能通常涉及多个关键步骤,具体取决于功能需求。以下是常见功能的实现方法和示例: 基本功能实现 使用函数封装逻辑是最直接的方式。例如,实现一个计算两数之和的函数: f…

js实现菜单

js实现菜单

实现基本HTML结构 使用HTML创建菜单的基本框架,通常包含<ul>和<li>元素。示例结构如下: <ul id="menu"> <li><…

js实现复选框

js实现复选框

实现复选框的基本方法 使用HTML的<input type="checkbox">元素创建复选框,并通过JavaScript监听其状态变化。 <input type="checkb…

js 实现文件上传

js 实现文件上传

文件上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现文件上传功能。以下是一个基础示例: <input ty…