当前位置:首页 > JavaScript

js实现自动1到100

2026-01-31 08:57:49JavaScript

使用循环实现1到100的自动输出

在JavaScript中,可以使用for循环或while循环来实现从1到100的自动输出。以下是两种常见的方法:

方法1:使用for循环

for (let i = 1; i <= 100; i++) {
    console.log(i);
}

方法2:使用while循环

let i = 1;
while (i <= 100) {
    console.log(i);
    i++;
}

使用数组的map方法

也可以先创建一个包含1到100的数组,然后使用map方法输出:

Array.from({length: 100}, (_, i) => i + 1).forEach(num => console.log(num));

使用递归函数

递归是另一种实现方式,虽然对于这种简单任务可能不是最佳选择:

js实现自动1到100

function printNumbers(n) {
    if (n <= 100) {
        console.log(n);
        printNumbers(n + 1);
    }
}
printNumbers(1);

注意事项

  • 在浏览器控制台或Node.js环境中运行这些代码时,会看到1到100的数字依次输出
  • 如果需要将结果显示在网页上,可以使用document.write()或DOM操作
  • 大规模循环可能影响性能,但在1到100的范围内影响可以忽略

标签: js
分享给朋友:

相关文章

js实现分页

js实现分页

实现分页的基本思路 分页功能通常需要处理数据分割、页码生成和用户交互。核心逻辑包括计算总页数、根据当前页截取数据、渲染页码按钮等。 前端分页实现(静态数据) 假设已有全部数据,仅需前端分页展示:…

js实现跳转

js实现跳转

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

js实现倒计时

js实现倒计时

使用 setInterval 实现倒计时 通过 setInterval 定时器每秒更新剩余时间,适用于简单倒计时场景。 function countdown(seconds, callbac…

js实现图片放大缩小

js实现图片放大缩小

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

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…