遍历数组

Posted 2020-11-17 xiaowang192

7.0 for-of :遍历复杂数据类型

7.0.1 ES5——for-in 遍历数组

主要用于遍历JSON对象

let arr = [‘a‘,‘b‘,‘c‘,‘d‘];
for(let i in arr){
    console.log(arr[i]);
}
//注释：for（创建一个变量）；in（in要遍历的复杂数据类型）

7.0.2 ES6——for-of

遍历数组：
let arr = [‘a‘,‘b‘,‘c‘,‘d‘];
for(let item of arr){

    console.log(arr[item]);

}
//注释：for（创建一个变量）；of（of要遍历的复杂数据类型）
遍历集合：
let s = new Set [‘a‘,‘b‘,‘c‘,‘d‘];
for(let item of s){
    console.log(arr[item]);
}


遍历字符串：
let str = ‘hello world‘;
for(let item of str){
    console.log(arr[item]);
}

遍历映射：
let m = new Map[[‘a‘,‘b‘],[‘c‘,‘d‘]];
for(let item of m){
    console.log(arr[item]);
}

let m = new Map[[‘a‘,‘b‘],[‘c‘,‘d‘]];
for(let [key,value] of m){
    console.log(key,value);
}

7.0.3 扩展：遍历器生成函数（配合for-of使用）

.keys():遍历键

.values():遍历值，不能用于数组

.entries():遍历键和值

let arr = [‘a‘,‘b‘,‘c‘,‘d‘];
for(let item of arr.keys()){
    console.log(item);
}


let arr = [‘a‘,‘b‘,‘c‘,‘d‘];
for(let item of arr.values()){
    console.log(item);
}


let arr = [‘a‘,‘b‘,‘c‘,‘d‘];
for(let item of arr.entries()){
    console.log(item);
}


let arr = [‘a‘,‘b‘,‘c‘,‘d‘];
for(let [k,v] of arr.entries()){
    console.log(k,v);
}