当前位置:首页 > 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实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEve…

js实现pdf在线预览

js实现pdf在线预览

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

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码…