1,for循环
for循环是最常用的循环遍历方法,可以遍历数组、对象等数据类型
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
for (let key in obj) {
console.log(key + ': ' + obj[key]);
}
通过初始化变量,判断循环条件,更新变量值来达到循环遍历的目的;
for (let i = 0; i < 10; i++) {
console.log(i);
}
2,forEach方法
forEach方法是数组的方法,可以遍历数组每个元素
arr.forEach(function(item) {
console.log(item);
});
可以对数组的每个元素执行指定的操作,不需要额外的计数器变量
例如,遍历一个数组:
const arr = [1, 2, 3, 4, 5];
arr.forEach(item => {
console.log(item);
});
3,map方法
map方法也是数组的方法,可以遍历数组每个元素并返回一个新的数组。
let newArr = arr.map(function(item) {
return item * 2;
});
console.log(newArr);
4,while循环
while循环可以在满足条件时重复执行代码块。
let i = 0;
while (i < arr.length) {
console.log(arr[i]);
i++;
}
5,do…while循环
do…while循环与while循环类似,但是会先执行一次代码块,然后再检查条件是否满足。
let i = 0;
do {
console.log(arr[i]);
i++;
} while (i < arr.length);
6,for…in循环
for…in循环可以遍历对象的属性。
for (let key in obj) {
console.log(key + ': ' + obj[key]);
}
需要注意的是,for…in循环不保证属性的遍历顺序,而且会遍历到原型链上的属性,可能会导致不可预期的结果。因此,在遍历对象时,建议使用其他方法或者结合使用Object.keys()、Object.values()或Object.entries()等方法。
7,for…of循环
for…of循环是ES6新增的循环语法,可以遍历可迭代对象(如数组、字符串等)的元素。
for (let item of arr) {
console.log(item);
}
for (let char of str) {
console.log(char);
}
以上是JavaScript循环遍历常用的几种方法,不同的循环方法适用于不同的场景,需要根据具体情况选择使用。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/135715.html