avaScript提供了几种不同的循环语句和跳出循环的方法。下面是常用的几种:
循环语句
for循环
for循环是一种在指定条件下重复执行一段代码的循环结构。可以指定循环的起始值、终止条件和每次迭代的增量。
for (初始化; 终止条件; 增量) {
// 循环体代码
}
for (let i = 0; i < 5; i++) {
console.log(i);
}
while循环
while循环是一种在指定条件为真时重复执行一段代码的循环结构。只有当条件为真时,才执行循环体。
while (条件) {
// 循环体代码
}
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
do…while循环
do…while循环先执行一次循环体,然后再检查条件是否为真。如果条件为真,则继续循环;如果条件为假,则跳出循环。
do {
// 循环体代码
} while (条件);
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
跳出循环
break语句
break语句用于立即跳出当前所在的循环,继续执行下一个语句。
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i);
}
// 输出:0 1 2 3 4
continue语句
continue语句用于跳过当前循环中的剩余代码,并开始下一次循环。
for (let i = 0; i < 10; i++) {
if (i === 5) {
continue;
}
console.log(i);
}
// 输出:0 1 2 3 4 6 7 8 9
return语句
return语句用于跳出当前函数的执行,并返回一个值(可选)。
function findNumber(array, target) {
for (let i = 0; i < array.length; i++) {
if (array[i] === target) {
return i;
}
}
return -1;
}
循环遍历数组和对象
在JavaScript中,可以使用循环语句来遍历数组和对象。
循环遍历数组
for循环
使用for循环可以遍历数组的每个元素,通过索引访问数组中的元素。
let array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
forEach方法
数组的forEach方法用于遍历数组,并对数组的每个元素执行回调函数。
let array = [1, 2, 3, 4, 5];
array.forEach(function(element) {
console.log(element);
});
for…of循环
for…of循环可以直接遍历数组的每个元素,而无需手动管理索引。
let array = [1, 2, 3, 4, 5];
for (let element of array) {
console.log(element);
}
循环遍历对象
for…in循环
for…in循环用于遍历对象的可枚举属性。在每次迭代中,它将返回对象中的一个属性名。
let obj = {
name: "John",
age: 30,
city: "New York"
};
for (let key in obj) {
console.log(key + ": " + obj[key]);
}
Object.keys方法
Object.keys方法返回一个包含对象所有可枚举属性的数组,并可以使用forEach方法或for…of循环进行遍历。
let obj = {
name: "John",
age: 30,
city: "New York"
};
Object.keys(obj).forEach(function(key) {
console.log(key + ": " + obj[key]);
});
let obj = {
name: "John",
age: 30,
city: "New York"
};
for (let key of Object.keys(obj)) {
console.log(key + ": " + obj[key]);
}