ES6 数组扩展

<body>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<script>
    // 创建长度为10的数组 new Array()如果只有一个数值，代表创建的是长度
    // var arr=new Array(10);

★Array.of()相当于扩展了new Array()
    // 创建长度为1的数组，值为10
    // var arr=Array.of(10);
// console.log(arr)
// var arr2=Array.of(10，2，3，4);

    var arr=[1,2,3,4];
    // 类数组
    var btns=document.getElementsByTagName('button');

    // 类数组对象，和数组类似
    var arr1={
        0:'math',
        1:'chinese',
        length:2
    }
    console.log(arr);
    console.log(btns);
    console.log(arr1);
★Array.from()把类数组转化为数组
    btns=Array.from(btns);
    arr1=Array.from(arr1);
    console.log(arr1)
    console.log(btns)
★forEach专门用来遍历数组,不能遍历类数组
    arr1.forEach(function(item,index,arr){
        // item数组元素
        // index数组下标
        // arr数组
        console.log(item,index,arr)
    })

    let ar=[10,1,2,3,4];
                   
★数组.find(function(n){return 条件}) 找到第一个符合条件的元素，只找一个。
    // let a1=ar.find(function(n){
    //     // n代表的是数组元素
    //     return n>3;
    // })

★数组.findIndex(function(n){return 条件}) 找到第一个符合条件的元素的下标，只找一个。
    // let a1=ar.findIndex(function(n){
    //     // n代表的是数组元素
    //     return n>3;
    // })    

★数组.filter(function(n){return 条件}) 找到所有符合条件的元素的。
//    let a1=ar.filter(function(n){
//         return n>3&&n<6
//     })
//     console.log(a1)


// let ar=[10,1,2,3,4];
    // splice(a,b,c) a开始的位置(从该位置开始执行)，b删除个数 c插入元素
    //  ar.splice(1,0,'hello','welcome');
    //  console.log(ar)//输出10，hellowelcome 1,2,3,4

★copyWithin(a,b,c)a替换开始的位置，b复制开始的位置(下标) c复制结束的位置(下标)  含开始不含结束 复制数组的一段元素，替换数组的一些元素
//  1、复制元素超出要替换的了，多余的直接省略 
2、复制的范围超出数组最大范围，直接省略多余范围。
3、开始位置小于结束的位置
        4、可以为负值，从右到左。
    ar.copyWithin(2,-4,3);
console.log(ar)  //输出10，1，1，2，4

</script>
</body>
ES6 数组扩展

友情链接更多精彩内容
