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

相关文章
|
6月前
|
JavaScript
ES6之迭代器
ES6之迭代器
|
6月前
|
JavaScript 前端开发
ES6之迭代器(Iterator)
ES6引入了迭代器的概念,这个特性为JavaScript带来了更强大的迭代和异步编程能力。本文将深入探讨ES6的迭代器,介绍其概念、用法以及在实际开发中的应用。 迭代器(Iterator)是ES6引入的一种新的数据结构,它提供了一种统一的遍历机制,可以用来遍历各种不同类型的数据。迭代器的概念、作用和遍历原理如下所述:
52 0
|
2月前
|
索引
ES5常见的数组方法
ES5常见的数组方法
|
12月前
ES6常见的数组方法
ES6常见的数组方法
46 1
|
JavaScript 前端开发
ES6——迭代器
迭代器(iterator):是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口,就可以完成遍历操作。
82 0
|
数据库
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
86 0
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
|
JavaScript 前端开发 Java
【扒一扒】深入理解 ES6 Iterator
本文主要来说下ES6的Iterator,目的在于理解它的概念、作用、以及现有的应用,最后学以致用。 Iterator可以说是ES6内相当重大的一个特性,也是很多其他特性运行的基石。 为什么Iterator地位如此之高呢?
100 0
【扒一扒】深入理解 ES6 Iterator
|
JavaScript 前端开发
ES6--》了解并应用迭代器与生成器
ES6中迭代器与生成器讲解
115 0
ES6--》了解并应用迭代器与生成器