ES6新增的循环

矫情吗；* 2021-12-16 08:45 734阅读 0赞

**1、以前for循环，for in循环**

2、ES6新增循环：**for of 循环：遍历(迭代，循环)整个对象**，

两者的区别：  
**for in循环:既可以循环数组，又可以循环json**

循环数组：i代表数组的索引  
var arr1=\['apple','banana','appel','orange'\];  
for(var i in arr1)\{  
console.log(i); //0,1,2,3  
\}  
循环json：name代表json的索引  
var json=\[a:'apple',b:'pear',c;'orange'\];  
for(var name in json)\{  
console.log(name); //a,b,c  
console.log(json\[name\]);  
\}

**for of循环：可以循环数组，不可以循环json，该循环新增主要是为了循环map对象**

循环数组：(用的很少)  
1）只循环值value：  
var arr1=\['apple','banana','appel','orange'\];  
for(var value of arr1)\{  
console.log(value); //'apple','banana','appel','orange'  
\}  
2）只循环索引key：  
for(var key of arr1.keys())\{  
console.log(key); //0,1,2,3  
\}  
3）值和索引都循环：  
for(var name of arr1.entries())\{  
console.log(name); //0 apple,1 banana,2 appel,3 orange  
\}

循环map对象：  
map对象：和json相似，也是一种key-value的形式，但与json对象也不完全相同  
map对象是为了和for of循环而生的

创建并设置json对象：  
var json=\{a:'apple',b:'pear',c:'banana',d;'orange'\}  
获取json对象的某一项：json.a/json.b/json.c  
删除json对象的某一项：delete json.b  
循环json对象：使用for in 循环  
for(var i in json)\{  
console.log(json\[i\]);  
\}

创建map对象：var map=new Map();  
设置map对象的内容：map.set(key,value);  
获取map对象的内容：map.get(name);  
删除map对象的内容：map.delete(name);  
循环map对象：不能使用for in 循环  
map循环的简写：  
1）同时循环key和value  
for(var name of map)\{  
console.log(name); //这里的name既包含key,也包含value  
\}  
2）只循环key,或者只循环value  
for(var \[key,value\] of map)\{  
console.log(key,value);  
console.log(key);  
console.log(value);  
\}  
map循环的完整写法：  
1)同时循环key和value，默认的情况是调用了map.entries()  
for(var name of map)\{  
console.log(name);  
\}  
等价于：  
for(var name of map.entries())\{  
console.log(name);  
\}  
2)只循环索引key  
for(var key of map.keys())\{  
console.log(key);  
\}  
3）只循环value  
for(var value of map.values())\{  
console.log(value);  
\}  
示例：  
var map=new Map();  
map.set('a','apple');  
map.set('b','pear');  
map.set('c','orange');  
map.set('d','banana');  
alert(map.get('a')); //apple  
map.delete('b'); //删除pear这一项  
for(var name of map)\{  
console.log(name); //a apple, c orange, d banana  
\}  
等价于：  
for(var \[key,value\] of map)\{  
console.log(key,value); //a apple, c orange, d banana  
\}