JavaScript 可迭代对象

admin2年前 (2023-07-07)it知识429

可迭代对象时可以使用for..of 进行迭代的对象

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


遍历字符串

你可以使用for..of循环来遍历字符串的元素:


for(const x of "W3School") {
   // 要执行的代码块
}

遍历数组

你可以使用for..of 循环遍历数组中的元素:

for(const x of [1,2,3,4,5]) {
       //要执行的代码块
}

Javascript 迭代器

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

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

next()方法必须返回一个带有两个属性的对象:

value(下一个值)

done(true或false)

自制的可迭代对象

这个可迭代对象会无线返回:10,20,30,40......当每次调用next()时:


function myNumbers() {
     let n = 0;
     return {
           next: function() {
                n += 10;
                return { value: n, done: false };
           }
     };
}
const n = myNumbers();
n.next();   // Returns 10
n.next();   // Returns 20
n.next();   // Returns 30

这里的可迭代对象存在问题,它不支持Javascript 中的for..of语句。

Javascript中的可迭代对象是具有Symbol,iterator 属性的对象。

Symbol.iterator是一个返回next 函数的函数。

可以使用一下代码迭代可迭代对象: for (const x of iteralbe){  }

myNumbers = {};  // 创建对象
//使其可迭代
myNumbers[Symbol.iterator] = function(){
   let n = 0; 
   done = false;
   return {
     next(){
       n += 10;
       if(n == 100){ done = true }
       return { value: n, done: done };
     }
   };
}

现在可以使用for .. of 了:

for (const num of myNumbers) {
   //这里可写任何代码
}

Symbol.iterator 方法会被for..of 自动调用。

我们也可以手动调用它:

let iterator = myNumbers[Symbol.iterator]();
while(true) {
    const result= iterator.next();
    if(result.done) break;
    // 这里可写任何代码
}


标签: JavaScript

相关文章

JavaScript 数据类型

javascript 变量可以保存多种数据类型:数值、字符串值、数组、对象var x;   // x是undefined var leng...

JavaScript 字符串模板

模板字面量使用反引号(``)而不是引号("")来定义字符串:比如:let text = `Hello World`;使用模板字面量,可以在字...

javascript 数组

什么是数组?数组是一个特殊的变量,它能够一次存放一个以上的值。如果你有一个项目清单,在单个变量中存储品牌,那应该是这样字的:var brand1 = "Saab...

JavaScript 数组排序

sort() 方法以字母顺序进行排序var  fruits = ["banana", "orange",&qu...

JavaScript 数组迭代

数组迭代方法对每个数组项进行操作Array.foreach()方法为每个数组元素调用一次函数(回调函数)var txt = ""; var ...

JavaScript ES5 对象方法

ECMAScript 5 (2009) 向 JavaScript 添加了许多新的对象方法。管理对象// 以现有对象为原型创建对象 Object.create() //添加或更改对象属性...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。