菜鸟教程在线编辑器

 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>


<script>
const fruits = ['apple', 'banana', 'orange'];
 
// 1. 获取数组的迭代器对象
const iterator = fruits[Symbol.iterator]();
 
// 2. 手动调用迭代器的 next() 方法
document.write(iterator.next() + "<br>"); // { value: 'apple', done: false }
document.write(iterator.next() + "<br>"); // { value: 'banana', done: false }
document.write(iterator.next() + "<br>"); // { value: 'orange', done: false }
document.write(iterator.next() + "<br>"); // { value: undefined, done: true }
 
// 3. 使用 for...of 循环（底层会自动调用 [Symbol.iterator]()）
for (const fruit of fruits) {
  document.write(fruit + "<br>");
}
// 输出:
// apple
// banana
// orange
 
// 4. 使用扩展运算符（也依赖于迭代器）
const fruitCopy = [...fruits];
document.write(fruitCopy); // ['apple', 'banana', 'orange']
</script>

</body>
</html>
              