当前位置:首页 > JavaScript

js阶梯实现

2026-04-06 06:50:22JavaScript

JavaScript 阶梯实现方法

使用循环嵌套实现阶梯

通过双重循环控制行数和每行的符号数量,可以打印出阶梯形状。

function printStairs(steps) {
  for (let i = 1; i <= steps; i++) {
    let stair = '';
    for (let j = 1; j <= i; j++) {
      stair += '#';
    }
    console.log(stair);
  }
}
printStairs(5);

使用字符串重复方法

利用字符串的repeat()方法简化代码,直接生成每行所需符号。

function printStairs(steps) {
  for (let i = 1; i <= steps; i++) {
    console.log('#'.repeat(i));
  }
}
printStairs(5);

递归实现方式

通过递归调用函数逐层构建阶梯,适合理解递归概念。

function printStairs(steps, current = 1) {
  if (current > steps) return;
  console.log('#'.repeat(current));
  printStairs(steps, current + 1);
}
printStairs(5);

数组映射方法

使用数组的map()join()方法创建阶梯,函数式编程风格。

function printStairs(steps) {
  Array(steps).fill(0)
    .map((_, i) => '#'.repeat(i + 1))
    .forEach(row => console.log(row));
}
printStairs(5);

控制台表格展示

使用console.table()以表格形式展示阶梯,适合需要结构化显示的场景。

js阶梯实现

function printStairs(steps) {
  const result = {};
  for (let i = 1; i <= steps; i++) {
    result[`Step ${i}`] = '#'.repeat(i);
  }
  console.table(result);
}
printStairs(5);

每种方法适用于不同场景,循环嵌套和字符串重复适合基础实现,递归适合算法练习,数组方法适合函数式编程,表格展示适合调试和可视化。

标签: 阶梯js
分享给朋友:

相关文章

js实现动画

js实现动画

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

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

vue实现阶梯价格

vue实现阶梯价格

实现阶梯价格的基本思路 阶梯价格通常根据用户购买的数量或金额设定不同的价格区间。在Vue中可以通过计算属性、方法或组件状态管理来实现动态价格计算。 数据模型设计 定义阶梯价格规则数组,每个规则包含区…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

js画图实现

js画图实现

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