zoukankan      html  css  js  c++  java
  • 8-ES6之数组

     <script>
            //数组的方法from() of()
            //from()将伪数组转换成真正的数组
            //ES5写法将伪数组转换成真正的数组
            function add(){
                let arr=[].slice.call(arguments);
                console.log(arr)
            }
            add(1,2,3)
    
            //ES6写法
            function add(){
                let arr=Array.from(arguments)
                console.log(arr)
            }
            add(1,2,3)
    
            let lis = document.querySelectorAll('li');
            //转换成数组
            console.log(Array.from(lis));
            //转换成数据,更简洁的写法,扩展运算符换成真正的数组
            console.log([...lis])
    
            //from(),还可以传递第二个参数(函数),用来对每个元素进行处理
            Array.from(lis,ele =>ele.textContent)
            console.log(lis)
    
            //2.of()将任意的数据类型,转换成数组
            console.log(Array.of(3,11,20,[1,2,3]));
           
            // 3 copywithin()将数据内部元素拷贝到其他位置
            let arr1= [1,2,3,8,9].copyWithin(0,3) // [8, 9, 3, 8, 9] 从3位置往后把0位置元素都替换
    
            //find() findIndex()查找元素,查询索引,参数是个回调函数
            let arr2=[1,2,-10,-20,9,2].find( n=> n<0)
            console.log(arr2)
     
            //entries(),keys,values()返回一个遍历器,可以用for ..of 循环访问
            for(let index of [1,2].keys()){
                console.log(index);
            }
            for(let val of [1,2].values()){
                console.log(val);
            }
            //entries返回所发索引和值
            for(let [index,ele] of [1,2].entries()){
                console.log(index,ele);
            }     ;
    
            let lerrer = ['a','b','c']
    
            //6  inculdes(),返回一个布尔值,表示数组是否含某个值
            console.log(lerrer.includes('a'))
    
            //
    
        </script>
    

      

  • 相关阅读:
    CPU 常识(计算机组成原理)
    设置动态网站,要求访问端口 8998
    未知高宽的div在其父级div中垂直居中显示
    ES6 学习 -- Generator函数
    ES6 学习 -- Class继承
    ES6 学习 -- Class
    ES6 学习 -- 字符串模板
    ES6 学习 -- 字符串新增方法
    ES6 学习 -- Promise对象
    ES6 学习 -- Set和Map数据结构
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/13657664.html
Copyright © 2011-2022 走看看