美文网首页
ES6 数组新增

ES6 数组新增

作者: 祝名 | 来源:发表于2018-12-15 12:06 被阅读0次

    一. 扩展运算符补充

    1. 快速将类数组转化为数组

    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <script>
        let aLi = document.querySelectorAll('ul li');
        let arrLi = [...aLi];
    -->[li,li,li,li]
        arrLi.push('asdfdf');
    -->[li,li,li,li,'asdfdf']
    </script>
    

    二.Array.from()--> 把类数组(获取一组元素,arguments...)对象转成数组

    1. eg:接上例

        let aLi = document.querySelectorAll('ul li');
        let arrLi = Array.from(aLi);
    -->[li,li,li,li]
        arrLi.pop();
    -->[li,li,li]
    

    2. 当做split使用

    let str = "strive";
    let arr = str.split('');
    //拆分数组['s','t','r','I','v','e']
    let arr = Array.from(str);
    //['s','t','r','I','v','e']
    console.log(arr);
    

    三. Array.of()-->把一组值转化成数组

    let arr = Array.of('apple','banana','orange');
    --> arr-->['apple','banana','orange']
    

    四.arr.find()-->查找第一个符合条件的数组成员,如果没有,返回undefined。

    1. arr.find()

    let arr = [1,900,101,50,45];
    let num = arr.find((val,index,arr)=>{
        return val > 100;
    });
    console.log(num);
    -->900
    

    2. arr.findIndex()-->查找位置,没找到返回-1

    let arr = [1,900,101,50,45];
    let num = arr.findIndex((val,index,arr)=>{
        return val > 100;
    });
    console.log(num);
    -->1
    

    五.arr.fill(填充的东西,开始位置,结束位置)-->填充

    let arr = new Array(5);//一个长度为5的空数组
    arr.fill('默认值',1,3);
    -->arr=['','默认值','默认值','','']
    

    六.arr.includes()

    let arr = ['apple','banana'];
    let b = arr.includes('banana');
    console.log(b);
    -->true
    

    相关文章

      网友评论

          本文标题:ES6 数组新增

          本文链接:https://www.haomeiwen.com/subject/lninhqtx.html