es6基础0x015：for...of

luxixing 发布于2019-08-23 13:12 / 2474人阅读

摘要：概述是一个迭代可迭代对象的方式，可迭代对象包括对象等等语法迭代数组迭代字符串迭代迭代迭代迭代集合总结只能迭代可迭代对象

0x000 概述

for...of是一个迭代可迭代对象的方式，可迭代对象包括Array、Map、Set、String、TypedArray、arguments 对象等等

0x001 语法

for(variable of iterable){
    // statement
}

0x001 迭代数组

for(let a of [1,2,3]){
    console.log(a)
} 
// 1
// 2
// 3

0x002 迭代字符串

for(let s of "hello"){
    console.log(s)
}
// h
// e
// l
// l
// o

0x003 迭代Set

for(let s of new Set([1,2,3])){
    console.log(s)
}
// 1
// 2
// 3

0x004 迭代Map

for(let s of new Map([[1,1],[2,2]])){
    console.log(s)
}
// (2) [1, 1]
// (2) [2, 2]

0X005 迭代arguments

(function() {
  for (let argument of arguments) {
    console.log(argument);
  }
})(1, 2, 3);

0x006 迭代Dom集合

for(let p of document.getElementsByTagName("p")){
    console.log(p)
}
// ...

// 
...

// 
...

// 
...

...

0x007 总结

for...of只能迭代可迭代对象

云服务器 GPU云服务器 for...of ES6 es6-系列 ES6入门

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99283.html

React入门0x015: Portal-如果可以更愿意称为`容器`

摘要：先上栗子再说话如上的就是一个，写在中间的组件将被挂载到的，所以在中可以使用访问。在英文中为门入口的意思，但是我更喜欢称之为容器，这不是音译意译，而是表译。一个组件看过去就像是一个容器啊，可以将子组件包装起来，装啥都行，就像一个垃圾桶。 0x001 Portal 先上栗子再说话： class PortalComp extends React.Component { render...

wangshijun 2019-08-23 13:48 评论0 收藏0
es6基础0x020：代理

摘要：概述代理嘛，就是请代理人代替自己做某件事，但是和自己不一样的是代理人可以有自己的行为，甚至可以做出和预期相违背的行为。 0x000 概述代理嘛，就是请代理人代替自己做某件事，但是和自己不一样的是代理人可以有自己的行为，甚至可以做出和预期相违背的行为。 0x001 栗子声明一个普通对象origin，他有一个属性name let origin={ name: origin } ...

hatlonely 2019-08-26 12:24 评论0 收藏0
【重温基础】13.迭代器和生成器

摘要：迭代器和生成器将迭代的概念直接带入核心语言，并提供一种机制来自定义循环的行为。本文主要会介绍中新增的迭代器和生成器。属性本身是函数，是当前数据结构默认的迭代器生成函数。本文是重温基础系列文章的第十三篇。今日感受：每次自我年终总结，都会有各种情绪和收获。系列目录：【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) 【重温基础】1.语法和数据类型【重温基础】2.流...

ymyang 2019-08-23 14:32 评论0 收藏0
【前端】ES6入门基础知识

摘要：关于的入门了解新增模板字符串为提供了简单的字符串插值功能箭头函数操作符左边为输入的参数，而右边则是进行的操作以及返回的值。将对象纳入规范，提供了原生的对象。增加了和命令，用来声明变量。关于ES6的入门了解新增模板字符串（为JavaScript提供了简单的字符串插值功能）、箭头函数（操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>outputs。）、for-o...

philadelphia 2019-08-21 17:21 评论0 收藏0