ES6 ++：3-
#javascript #es6 #esnext

介绍

在本文中，我们将讨论for of循环，我们将讨论如何使用它以及它与for in循环之间有什么区别。

冷0循环

for of循环用于在数组上循环，可以使用标准for循环，让我们看看一个示例

const names = ["Hasan", "Ahmed", "Ali"];

// standard for loop

for (let i = 0; i < names.length; i++) {
  const name = names[i];
  console.log(name);
}

// for of loop
for (const name of names) {
  console.log(name);
}

看？更好，更易于阅读。

循环遍历迭代

for of循环可用于在任何峰值上循环，让我们看看一个示例

// loop over string
const name = "Hasan";

for (const char of name) {
  console.log(char); // H a s a n
}

它也可以通过自定义迭代循环，让我们看看一个示例

const iterable = {
  [Symbol.iterator]() {
    let i = 0;
    return {
      next() {
        if (i < 3) {
          return { value: i++, done: false };
        }
        return { value: undefined, done: true };
      },
    };
  },
};

for (const num of iterable) {
  console.log(num); // 0 1 2
}

我们不会在本节中谈论迭代，但是当您在包装文档中阅读它们具有值时，您可以使用for of循环来循环。

。

冷1

您可能会想到为什么我在这里提到for in循环，因为没有太多人知道​​它或他们忘记了，所以我在这里提到它。

for in循环用于循环循环对象，因此我们有for-of for Arrays for Arrays和for-in for对象，让我们看看一个示例


const person = {
  name: "Hasan",
  age: 20,
  country: "Egypt"
}

for (const key in person) {
  console.log(key); // name age country
}

您可以看到，我们可以在对象的键上循环，但是我们不能循环浏览这些值，因此我们必须做类似的事情

for (const key in person) {
  console.log(person[key]); // Hasan 20 Egypt
}

- 结论

在本文中，我们讨论了for of循环，我们谈论了如何使用它以及它与for in循环之间有什么区别。

我希望您喜欢这篇文章，如果您有任何疑问或建议，请在下面发表评论。

ð加入我们的社区

加入我们的社区Discord获得帮助和支持（节点JS 2023频道）。

ð奖励内容ð

您可能会看这些文章，这肯定会提高您的知识和生产力。

一般主题

软件包和库

React JS软件包

课程（文章）