JavaScript Geçerli Nesneleri

Dolaşılabilir nesneler, dolaşılabilir nesnelerdir (örneğin, diziler).

Dolaşılabilir nesneler, basit ve verimli kodlarla erişilebilir.

Dolaşılabilir nesneler for..of Döngü, itibarı gerçekleştirir.

for..of döngüsü

for..of dolaşılabilir nesnelerin elemanlarını dolaşmak için kullanılan ifadelerdir.

语法

for (değişken of iterable) {
  // 要执行的代码块
}

İtibar

İtibar etmek kolaydır.

Bu, sadece bir dizi elemanı dolaşmanın anlamına gelir.

Aşağıda bazı basit örnekler verilmiştir:

  • Dizi dolaşma
  • Dizi dolaşma

Dizi dolaşma

可以使用 for..of Dizinin elemanlarını dolaşma:

Örnek

const name = "W3Schools";
for (const x of name) {
  // 要执行的代码块
}

Kendi Kendine Deneyin

Dizi dolaşma

可以使用 for..of Dizinin elemanlarını dolaşma:

Örnek 1

const letters = ["a","b","c"];
for (const x of letters) {
  // 要执行的代码块
}

Kendi Kendine Deneyin

Örnek 2

const numbers = [2,4,6,8];
for (const x of numbers) {
  // 要执行的代码块
}

Kendi Kendine Deneyin

Set dolaşma

可以使用 for..of Set elemanlarını dolaşma:

Örnek

const letters = new Set(["a","b","c"]);
for (const x of letters) {
  // 要执行的代码块
}

Kendi Kendine Deneyin

注释：我们将在后续章节中详细介绍 Set 和 Map。

遍历 Map

可以使用 for..of 循环遍历 Map 的元素：

Örnek

const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  
]
for (const x of fruits) {
  // 要执行的代码块
}

Kendi Kendine Deneyin

JavaScript 迭代器

迭代器协议定义了如何从对象中生成一系列值。

当对象实现了 next() 方法时，它就成为迭代器。

next() 方法必须返回一包含两个属性的对象：

  • value（下一个值）
  • done（true 或 false）
value

迭代器返回的值。

如果 done 为 true，则可以省略。
done

如果迭代器已完成，则为 true。

如果迭代器生成了新值，则为 false。

注意：

从技术上讲，可迭代对象必须实现 Symbol.iterator 方法。

字符串、数组、TypedArray、Map 和 Set 都是可迭代对象，因为它们的原型对象具有 Symbol.iterator 方法。

自定义可迭代对象

下例展示了一个自定义的可迭代对象，它永远不会结束，每次调用 next() 都会返回 10, 20, 30, 40, ...：

Örnek

// 自定义可迭代对象
function myNumbers() {
  let n = 0;
  return {
    next: function() {
      n += 10;
      return { value: n, done: false };
    }
  };
}
// 创建可迭代对象
const n = myNumbers();
n.next(); // 返回 10
n.next(); // 返回 20
n.next(); // 返回 30

Kendi Kendine Deneyin

问题是：

自定义的可迭代对象不支持 JavaScript 的 for..of 语句。

支持 for..of 的可迭代对象

JavaScript 可迭代对象是拥有 Symbol.iterator 的对象。

Symbol.iterator 是一个返回 next() 方法的函数。

可以使用以下代码对可迭代对象进行迭代：

for (const x of iterable}) { }

Örnek

// Bir nesne oluşturun
myNumbers = {};
// Onu iteral hale getir
myNumbers[Symbol.iterator] = function() {
  let n = 0;
  done = false;
  return {
    next() {
      n += 10;
      if (n == 100) { done = true; }
      return { value: n, done: done };
    }
  };
};
// Şimdi for..of kullanabilirsiniz
for (const num of myNumbers) {
  // Herhangi bir kod
}

Kendi Kendine Deneyin

Symbol.iterator yöntemi for..of Otomatik Çağrı

Ama onu manuel olarak da çağırabiliriz:

Örnek

let iterator = myNumbers[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  // Herhangi bir kod
}

Kendi Kendine Deneyin