使用JavaScript的for...of循环
简介
for...of 是 JavaScript ES6 引入的一种迭代语法，用于遍历可迭代对象（如数组、字符串、Map、Set 等），它提供了一种简洁的方式来遍历集合中的每一个元素。
基本语法
for (variable of iterable) {
// Loop body
}
variable：每次迭代时，从集合中取出的值会被赋值给这个变量。
iterable：一个可迭代对象，比如数组、字符串、Map、Set 等等。
示例代码
遍历数组
const array = [1, 2, 3, 4, 5];
for (let value of array) {
console.log(value);
}
输出：
1 2 3 4 5
遍历字符串
const str = "Hello, world!";
for (let char of str) {
console.log(char);
}
输出：
H e l l o , w o r l d !
遍历 Map
const map = new Map([['a', 1], ['b', 2], ['c', 3]]);
for (let [key, value] of map) {
console.log(${key}: ${value});
}
输出：
a: 1 b: 2 c: 3
遍历 Set
const set = new Set([1, 2, 3, 4, 5]);
for (let value of set) {
console.log(value);
}
输出：
1 2 3 4 5
与普通 for 循环的区别
普通 for 循环
const array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
`for...of` 循环
const array = [1, 2, 3, 4, 5];
for (let value of array) {
console.log(value);
}
两者的主要区别在于：
普通 for 循环需要手动管理索引和数组长度。
for...of 循环直接遍历集合中的每个值，更加简洁和直观。
相关问题与解答栏目
问题 1：如何在for...of 循环中获取当前元素的索引？
解答：for...of 本身不提供索引，但可以通过其他方法实现。
const array = [1, 2, 3, 4, 5];
let index = 0;
for (let value of array) {
console.log(Index: ${index}, Value: ${value});
index++;
}
问题 2：如何在for...of 循环中提前终止循环？
解答： 可以使用break 语句提前终止循环：
const array = [1, 2, 3, 4, 5];
let sum = 0;
for (let value of array) {
sum += value;
if (sum >= 10) {
break; // 当总和大于等于10时，退出循环
}
}
console.log(sum); // 输出 10
以上内容就是解答有关“for of js”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/736922.html
微信扫一扫 