Blog

for...of 循环语句

2024-07-22 06:48PM

for...of 循环是 ECMAScript 2015 (ES6) 引入的一种新的迭代语法,用于遍历可迭代对象,如数组、字符串、TypedArray、NodeList 等。

for...of 循环的基本语法如下:

for (let variable of iterable) {
  // 在此处编写循环体代码
}

其中:

1) variable 是在每次迭代时被赋予当前元素值的变量。

2) iterable 是要被迭代的可迭代对象,如数组、字符串等。

下面举几个例子来说明如何使用 for...of 循环:

1.遍历数组:

const fruits = ['apple', 'banana', 'orange'];

for (let fruit of fruits) {
  console.log(fruit);
}
// 输出: 'apple', 'banana', 'orange'

2.遍历字符串:

const message = 'Hello, world!';

for (let char of message) {
  console.log(char);
}
// 输出: 'H', 'e', 'l', 'l', 'o', ',', ' ', 'w', 'o', 'r', 'l', 'd', '!'

3.遍历 TypedArray:

const numbers = new Uint8Array([1, 2, 3, 4, 5]);

for (let num of numbers) {
  console.log(num);
}
// 输出: 1, 2, 3, 4, 5

4.遍历 NodeList:

const paragraphs = document.querySelectorAll('p');

for (let paragraph of paragraphs) {
  console.log(paragraph.textContent);
}

与 for...in 循环不同,for...of 循环只会迭代可迭代对象的值,而不会遍历对象的属性名。如果需要遍历对象的属性,可以使用 for...in 循环或 Object.keys()/values()/entries()。

总之,for...of 循环提供了一种更简洁、更易读的方式来遍历各种可迭代对象,在 JavaScript 开发中广泛使用。

返回>>

请登录后再发表评论。

评论列表:

目前还没有人发表评论