JavaScript 可迭代对象

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

可迭代对象时可以使用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字符串方法和属性

javascript字符串方法和属性1.获取字符串的长度var text=""abcndfsdfdsfsd"; console.log(text.length...

JavaScript 字符串模板

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

javascript 数组

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

JavaScript 数组方法

数组转换成字符串Javascript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。var fruits = ["banana"...

JavaScript 对象定义

在JavaScript 中,对象是王。如果你理解了对象,就理解了javascript。在Javascript 中,几乎所有事物都是对象。 布尔是对象(如果用new 关键词定义)数字是对象(如...

发表评论

访客

看不清,换一张

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