es6基礎0x015：for...of

luxixing 發布于2019-08-23 13:12 / 2532人閱讀

摘要：概述是一個迭代可迭代對象的方式，可迭代對象包括對象等等語法迭代數組迭代字符串迭代迭代迭代迭代集合總結只能迭代可迭代對象

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入門

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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