循環，Map和Set

目錄

 

for ... in

While循環

do ... while

Es6 Map 和 Set

for ... of

forEach()

---

for ... in

for循環的一個變體是for ... in循環，它可以把一個對象的所有屬性依次循環出來：

var obj = {name:'www',age:'18',sex:'女'}
for(let o in obj){
  console.log(o)
}

While循環

只有一個判斷條件，當條件爲true時則會一直執行下去

var x = 0;
var n = 8;
while(n>0){
  x=x+2;
  n=n-2;
}
console.log(x);//8

do ... while

每次循環執行後再判斷條件，所以至少會執行一次

Es6 Map 和 Set

map

map是一組鍵值對的結構，具有極快的查找速度

var m = new Map([['wwww',88],['mmmm','99'],['zzzz','66']])
m.get('zzzz') // '66'

初始化Map需要一個二維數組，或者直接初始化一個空Map。Map具有以下方法：

var m = new Map()//初始化一個數組
m.set('Jan',66)//新增一個key-value
m.set('Annie',88)
m.has('Annie')//判斷是否存在 Annie 爲true
m.get('Annie')// 88
m.delete('Annie')//刪除Annie
m.has('Annie')//判斷是否存在 Annie 爲false
m.get('Annie')//undefined

一個key只能對應一個value，如果重複對一個key賦值value得話，會替換掉前面的value

var m = new Map();
m.set('Annie',88)
m.set('Annie',99)
m.get('Annie')//99

Set

set和map類似，是一組key的存儲，不保存value。由於key是不能重複的，所以set中，沒有重複的key。

要創建一個Set，需要提供一個Array作爲輸入，或者直接創建一個空Set。例如

var s = new Set()
var s = new Set([1,2,3,4,5,6]) 

重複的數組會在set中被自動過濾

var s = new Set([1,1,1,2,3,'3',4,5,5,6])
s //Set(7) {1, 2, 3, "3", 4, 5, 6}
  //注意：3 和'3'是不同元素
s.add(10)//添加元素
s //Set(8) {1, 2, 3, "3", 4, 5, 6, 10}
s.delete(1)//刪除元素
s //Set(7) {2, 3, "3", 4, 5, 6, 10}

for ... of

遍歷Map和Set就無法使用下標。爲了統一集合類型，ES6標準引入了新的iterable類型，Array、Map和Set都屬於iterable類型。具有iterable類型的集合都可通過for ... of循環來遍歷

var a = ['A', 'B', 'C'];
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of a) { // 遍歷Array
    console.log(x);
}
for (var x of s) { // 遍歷Set
    console.log(x);
}
for (var x of m) { // 遍歷Map
    console.log(x[0] + '=' + x[1]);
}

forEach()

var s = new Set(['a','b','c'])
s.forEach((element,sameElement,set)=>{
    console.log(element);
    //console.log(sameElement);
    //console.log(set);
    
})

var m = new Map([['a',1],['b',2],['c',3]])
m.forEach((value,key,set)=>{
    console.log(value)
})

var a = ['A', 'B', 'C'];
a.forEach(function (element) {
    console.log(element);
});