JavaScript的循环语句

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]);
}
  • 10
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值