技术文摘
js循环的写法
2025-01-09 19:35:32 小编
js循环的写法
在JavaScript编程中,循环是一种非常重要的控制结构,它允许我们重复执行一段代码,从而提高代码的效率和灵活性。下面将介绍几种常见的JavaScript循环写法。
1. for循环
for循环是最常用的循环结构之一,它的语法如下:
for (初始化表达式; 条件表达式; 更新表达式) {
// 循环体代码
}
例如,我们可以使用for循环来计算1到100的累加和:
let sum = 0;
for (let i = 1; i <= 100; i++) {
sum += i;
}
console.log(sum);
2. while循环
while循环会在条件表达式为真时重复执行循环体代码,其语法为:
while (条件表达式) {
// 循环体代码
}
比如,使用while循环实现一个简单的猜数字游戏:
let number = Math.floor(Math.random() * 100) + 1;
let guess;
while (guess!== number) {
guess = parseInt(prompt('请猜一个1-100之间的数字:'));
if (guess > number) {
console.log('猜大了,请再试一次。');
} else if (guess < number) {
console.log('猜小了,请再试一次。');
}
}
console.log('猜对了!');
3. do...while循环
do...while循环与while循环类似,不同的是它会先执行一次循环体代码,然后再判断条件表达式。其语法为:
do {
// 循环体代码
} while (条件表达式);
4. for...in循环
for...in循环用于遍历对象的可枚举属性,例如:
let person = {name: '张三', age: 20};
for (let key in person) {
console.log(key + ': ' + person[key]);
}
5. for...of循环
for...of循环用于遍历可迭代对象,如数组、字符串等。示例如下:
let arr = [1, 2, 3];
for (let value of arr) {
console.log(value);
}
掌握这些不同的循环写法,可以让我们在JavaScript编程中更加灵活地处理各种循环需求。
- Vue 进阶实战:用 v-if、v-show、v-else、v-else-if 实现复杂条件渲染
- 揭秘Vue Router懒加载实现路由调优 加速页面性能的秘诀
- Vue Router 懒加载路由优势尽显,页面性能优化策略解析
- 深入解析 Vue Router 的重定向配置
- Vue Router中多级重定向的实现方法
- Vue路由重定向的实现示例
- Vue Router 重定向功能:作用与优势
- 深度剖析Vue v-if与v-show的区别及应用场景
- 掌握Vue中v-on指令处理键盘快捷键事件的方法
- Vue初学者必知:熟练掌握v-if、v-show、v-else、v-else-if条件渲染技巧
- 使用 JavaScript 程序计算数组中的范围平均值
- Vue中v-on指令实践:自定义事件处理
- CSS中哪个属性可作简写来指定许多其他字体属性
- Vue 中 v-on 指令:处理鼠标滚动事件的方法
- 突破传统:巧用Vue Router懒加载路由提升页面性能