ES6—41:迭代器

简介: ES6—41:迭代器

使用for of 进行遍历

image.png

注意:for of 遍历的是键的值

使用for in遍历

image.png

注意:for in 遍历的是键,即序号。

数组为什么能够进行遍历?

答:是因为其有可遍历的属性。

image.png

自定义遍历属性

const banji = {
    name: "终极一班",
    arr: ["赵","钱","孙","李"],
    [Symbol.iterator]() {
        let index = 0;
        let _this = this;
        return {
            next: function() {
                if(index < _this.arr.length) {
                    const result =  {value: _this.arr[index],done: false};
                    index++;
                    return result;
                } else {
                    return {value: undefined,done:true};
                }
            }
        }
    }
};
for(let v of banji) {
    console.log(v);
};

image.png

相关文章
|
7月前
|
JavaScript
ES6之迭代器
ES6之迭代器
|
7月前
|
JavaScript 前端开发
ES6之迭代器(Iterator)
ES6引入了迭代器的概念,这个特性为JavaScript带来了更强大的迭代和异步编程能力。本文将深入探讨ES6的迭代器,介绍其概念、用法以及在实际开发中的应用。 迭代器(Iterator)是ES6引入的一种新的数据结构,它提供了一种统一的遍历机制,可以用来遍历各种不同类型的数据。迭代器的概念、作用和遍历原理如下所述:
65 0
|
29天前
|
JavaScript 前端开发
ES6 迭代器和生成器
总的来说,ES6 迭代器和生成器为 JavaScript 提供了更强大的遍历和控制能力,使代码更加灵活和高效。
22 1
|
3月前
|
索引
ES5常见的数组方法
ES5常见的数组方法
|
7月前
|
索引
ES6学习之数组
ES6学习之数组
ES6常见的数组方法
ES6常见的数组方法
48 1
|
存储
ES6中Map集合
ES6中Map集合
46 0
|
JavaScript 前端开发
ES6——迭代器
迭代器(iterator):是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口,就可以完成遍历操作。
88 0
|
数据库
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
88 0
ES6 从入门到精通 # 14:迭代器 Iterator 的用法