JavaScript Symbol.iterator 属性

在 ES6 中，Symbol.iterator 属性是一个内置的符号值，它是一种新的对象属性，用于定义对象的默认迭代器，并且期望该属性是一个函数对象。

什么是迭代器？

迭代器是一种特殊的对象，它定义了一种遍历其他对象元素的方法。它需要满足两个条件：

1. 对象必须有 Symbol.iterator 属性
2. 对象的 Symbol.iterator 属性必须是一个函数对象

调用迭代器对象的 next() 方法，该方法返回一个包含 value 和 done 两个属性的对象。其中，value 表示当前遍历元素的值，done 表示是否已经遍历完了所有元素。

如何使用迭代器？

遍历一个对象需要使用 for-of 循环语句，并且在循环语句中调用迭代器对象的 next() 方法，以遍历其所有元素。

let myObj = {
  prop1: "value1",
  prop2: "value2"
};

myObj[Symbol.iterator] = function() {
  let keys = Object.keys(this);
  let count = 0;
  return {
    next: function() {
      if (count < keys.length) {
        let result = { value: this[keys[count]], done: false };
        count++;
        return result;
      } else {
        return { value: undefined, done: true };
      }
    }
  };
};

for (let item of myObj) {
  console.log(item);
}
// output: 
// value1
// value2

在上例中，我们让 myObj 对象实现一个迭代器，遍历对象的属性。我们首先获取 myObj 所有属性的键名，然后再通过 next() 方法实现遍历。

遍历内置对象

ES6 中，数组、字符串、Set 和 Map 等内置对象都有默认的迭代器实现，我们可以直接使用 for-of 循环语句遍历。

let myArr = [1, 2, 3];

for (let item of myArr) {
  console.log(item);
}
// output:
// 1
// 2
// 3

let myStr = "hello world";

for (let char of myStr) {
  console.log(char);
}
// output:
// h
// e
// l
// l
// o
//
// w
// o
// r
// l
// d

总结

JavaScript Symbol.iterator 属性为我们提供了一种简单且方便的遍历对象元素的方法。我们可以为对象实现自己的迭代器，或者直接使用内置对象的默认迭代器遍历对象元素。通过迭代器的使用，我们可以很轻松地遍历一个对象中的所有元素，这无疑增加了 JavaScript 语言的易用性，也让我们更容易地构建复杂的应用程序。