当前位置:首页 > ES6 > 正文内容

es6 数组扩展

自由小鸟6年前 (2019-07-26)ES62972

Array.from

Array.of

copyWithin

find/findindex

fill

entries/keys/values

inludes



{

    let arr=Array.of(3,4,7,9,11)   //把一组数据变量转换成数组,如果Array.of里面如果不放参数打印出来是一个空数组[]

}

{

    //Array.from 把一些伪数据集合转换成真正的数组

    let p=document.querySelectorAll('p')

    let pArr=Array.from(p);

    pArr.forEach(function(item){

        console.log(item.textContent);

    })


    //Array.from也可以传两个参数,每 个是数组,第二个是函数把第一个参数数组都遍历了一次

    console.log(Array.from([1,3,4],function(item){

        return item*2    

    }))   //[2,6,8]

    

}

{

    //把数组所有的值都换成一个值  es6 使用fill 

    //一个参数就是需要替换成的值

    //3个参数就是(换成的值,起始位置,结束位置)

    console.log('fill-7',[1,2,'a'].fill(7))   //[7,7,7]

     console.log('fill-pos',['a','b','c'].fill(7,1,3))   //['a',7,7]

}

{

    for(let index of ['1','c','a'].keys()){

        console.log('keys',index)   //0,1,2

    }

   for(let value of ['1','c','a'].keys()){     //有兼容问题

        console.log('keys',index)   //0,1,2

    }

   for(let [index,value] of ['1','c','ks'].entries()){     //有兼容问题

        console.log('values',index,value)   //0,1,2

    }

}

{

    //就是把某一位数据复制替换掉,[第几位数需要替换的数,从第几位开始,结束不包括位置]

    console.log([1,2,3,4,5].copyWithin(0,3,4));   //[4,2,3,4,5]      https://blog.csdn.net/qq_30100043/article/details/53219365

}


find

{

    console.log([1,2,3,4,5,6].find(function(item){

        return item>3     //4    find只找到第一个就返回了,不会再继续往下找了

    }))


     console.log([1,2,3,4,5,6].findIndex(function(item){

        return item>3     //3   返回值的下标   

    }))

}

{

    console.log('number',[1,2,NaN].includes(1));   //判断数组中是不是满足条件

    console.log('number',[1,2,NaN].includes(NaN));   //es5中找不到NaN的,在Es6 中是可以找到的

}




版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=51

“es6 数组扩展” 的相关文章

es6 作用域

作用域 let  constconst定义是常量不可修改,除引用外1,let声明的变量只有在块作用域是{}里可以访问,之外就不可访问2,使用let不可以重复定义变量3,代码用了es6是强制作用了严格模式的,在es5是开启严格模式“use strict”,在es6中不用这种话,4,在严格模式...