ES6遍历常用数据结构的技巧

分类:知识百科 日期: 点击:0

ES6提供了很多新的语法特性,使得遍历常用数据结构变得更加容易。下面介绍一些ES6中遍历常用数据结构的技巧:

1. 遍历数组:

  • for循环:可以使用for循环来遍历数组,例如:
        let arr = [1,2,3,4,5];
        for(let i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }
        
  • forEach()方法:可以使用forEach()方法来遍历数组,例如:
        let arr = [1,2,3,4,5];
        arr.forEach(function(item,index) {
            console.log(item);
        });
        
  • for...of循环:可以使用for...of循环来遍历数组,例如:
        let arr = [1,2,3,4,5];
        for(let item of arr) {
            console.log(item);
        }
        

2. 遍历对象:

  • for...in循环:可以使用for...in循环来遍历对象,例如:
        let obj = {a:1,b:2,c:3};
        for(let key in obj) {
            console.log(key);
        }
        
  • Object.keys():可以使用Object.keys()方法来遍历对象,例如:
        let obj = {a:1,b:2,c:3};
        let keys = Object.keys(obj);
        keys.forEach(function(key) {
            console.log(key);
        });
        
  • Object.values():可以使用Object.values()方法来遍历对象,例如:
        let obj = {a:1,b:2,c:3};
        let values = Object.values(obj);
        values.forEach(function(value) {
            console.log(value);
        });
        
  • Object.entries():可以使用Object.entries()方法来遍历对象,例如:
        let obj = {a:1,b:2,c:3};
        let entries = Object.entries(obj);
        entries.forEach(function(entry) {
            console.log(entry);
        });
        

3. 遍历Set:

  • for...of循环:可以使用for...of循环来遍历Set,例如:
        let set = new Set([1,2,3,4,5]);
        for(let item of set) {
            console.log(item);
        }
        
  • forEach()方法:可以使用forEach()方法来遍历Set,例如:
        let set = new Set([1,2,3,4,5]);
        set.forEach(function(item,index) {
            console.log(item);
        });
        

4. 遍历Map:

  • for...of循环:可以使用for...of循环来遍历Map,例如:
        let map = new Map([['a',1],['b',2],['c',3]]);
        for(let [key,value] of map) {
            console.log(key,value);
        }
        
  • forEach()方法:可以使用forEach()方法来遍历Map,例如:
        let map = new Map([['a',1],['b',2],['c',3]]);
        map.forEach(function(value,key) {
            console.log(key,value);
        });
        
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。