JavaScript while 循环怎么用

你有没有遇到过需要重复做同一件事的场景？比如每天定闹钟提醒自己喝水，或者数着数把100个糖果分给小朋友——在电脑编程里，这种“重复做一件事”的需求，就可以用循环来实现。JavaScript里最常用的循环之一就是while循环，它的用法其实就像我们日常数数字一样简单。

while循环的核心逻辑：“当满足条件时，就一直做”

while循环的本质，是“先判断，后执行”。就像我们答应朋友“只要你还没到约定地点，我就一直在这儿等你”——这里的“还没到约定地点”就是判断条件，“在这儿等你”就是要重复做的事。

对应的代码写法也很直白：先写while，然后用括号包着判断条件，再用大括号把要重复做的代码包起来。举个生活化的例子：你想让电脑帮你数到3，每次数一个数，直到数到3为止，代码可以这么写：

`javascript

let num = 1; // 先设定初始的起始数

while (num <= 3) { // 判断条件：只要数还没超过3，就继续循环

console.log("现在数到：" + num); // 要重复做的事：输出当前数

num = num + 1; // 每次循环后，让数加1，不然会一直循环

}

`

你运行这段代码，控制台会依次输出“现在数到：1”“现在数到：2”“现在数到：3”，刚好数完3次，就会自动停止——这就是while循环的基本逻辑，没什么复杂的。

容易踩的坑：别让循环“停不下来”

虽然while循环好用，但新手很容易犯一个错：忘了更新判断条件的变量，导致循环永远停不下来。就像刚才的例子，如果把最后一行num = num + 1;删掉，那num永远是1，判断条件num <= 3</code>永远成立，电脑就会一直不停输出“现在数到：1”，直到把浏览器卡崩——这种情况叫“死循环”，是编程里要尽量避免的。

再举个生活化的例子帮你理解：你想一直给盆栽浇水，判断条件是“土壤还没变湿”，但如果你每次浇水后都不摸土壤，那永远会觉得土壤没湿，就会一直浇水，最后把花浇死——这就是没更新判断条件的变量，和编程里的死循环是一个道理。

实战小例子：用while循环解决真实小问题

学了基础逻辑，我们用while循环解决一个日常的小需求：你攒零花钱买玩具，玩具价格是50块，你每周攒5块，问需要几周才能攒够？

用while循环写代码的话，逻辑很清晰：

`javascript

let money = 0; // 初始攒的钱是0

let week = 0; // 初始的周数是0

const toyPrice = 50; // 玩具的价格

const savePerWeek = 5; // 每周攒的钱

while (money < toyPrice) { // 判断条件：只要攒的钱没到玩具价，就继续攒

money = money + savePerWeek; // 每周加5块

week = week + 1; // 周数加1

}

console.log("需要攒" + week + "周才能买玩具！");

`

运行这段代码，最后会输出“需要攒10周才能买玩具！”——是不是和我们手动算的结果一样？while循环就是把我们手动重复计算的过程，交给电脑自动完成，既快又不会算错。

总结

简单来说，JavaScript的while循环就是“当满足某个条件时，就重复执行一段代码”，核心要注意两点：一是先写清楚判断条件，二是每次循环都要更新和条件相关的变量，避免出现死循环。不管是数数字、攒零花钱，还是处理更复杂的重复任务，while循环都是非常实用的工具，多写几个小例子练手，就能很快掌握它的用法啦。