美文网首页
JavaScript ES6新类型iterable

JavaScript ES6新类型iterable

作者: 52JackWang | 来源:发表于2019-07-28 16:48 被阅读0次
  • ES5.1标准新增 obj | array.forEach(func)方法,支持函数式编程风格遍历。

  • 遍历Array可以采用下标循环,遍历Map和Set无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。

  • iterable类型的集合可通过ES6提出的for ... of ... 循环来遍历,直接拿到element。

    // 遍历Array
    var a = ['A', 'B', 'C'];
    for (var x of a) {
        console.log(x);
    }
    // 遍历Set
    var s = new Set(['A', 'B', 'C']);
    for (var x of s) { // 遍历Set
        console.log(x);
    }
    // 遍历Map
    var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
    for (var x of m) { // 遍历Map
        console.log('key: ' + x[0] + ', value: ' + x[1]);
    }
    
  • for ... in ... 适合遍历object,拿到的是对象中的key

  • for ... of ... 适合遍历array,拿到的是数组中的element

相关文章

  • JavaScript-iterable数据类型

    iterable数据类型 。ES6新引入类型 。Array、Map、Set都属于iterable类型 。具有ite...

  • JavaScript ES6新类型iterable

    ES5.1标准新增 obj | array.forEach(func)方法,支持函数式编程风格遍历。 遍历Arra...

  • Javascript教程(七)iterable

    数组的遍历可以使用下标,但是Map,Set无法使用下标遍历。ES6标准引入了新的iterable类型,Array、...

  • 基础语法-iterable

    Array、Map和Set都属于iterable类型,具有iterable类型的集合可以通过新的for ... o...

  • TypeScript

    typescript 定义 type类型+ES6 javascript 的超级包含ES6 静态类型语言类型检查,接...

  • TypeScript 入门教程—原始数据类型

    JavaScript 的原始数据类型:布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型...

  • TypeScript

    定义 type类型+ES6 javascript的超级 包含ES6 静态类型语言 类型检查,接口,oop非常完善 ...

  • TypeScript

    ☞点击进入官网 定义 type类型+ES6 javascript的超级 包含ES6 静态类型语言 类型检查,接口,...

  • 快速了解Es6中的Symbol

    Symbol是Es6中的一个新特性,它是一个基本数据类型。 javascript从Es6起,基本数据类型变为6种 ...

  • 合集

    JavaScript合集 ES6 ES6新特性原生实现一个promiseSymbol 实例 JavaScript读...

网友评论

      本文标题:JavaScript ES6新类型iterable

      本文链接:https://www.haomeiwen.com/subject/obrprctx.html