ES6的学习 数组新增的内容

//使用扩展运算符把上面的li转换成 数组
    window.onload = function () {
        //得到dom对象
        let uli = document.querySelectorAll("ul li")

        //使用扩展运算符转换成对象
        //    let uliArray = [...uli]

        //使用Array.from()也是可以进行转换的
        let uliArray = Array.from(uli)

        //之前ES5的方法来进行=分割数组方法 如下
        //    let uliArray = [].slice.call(uli)


        //删除一个元素
        uliArray.pop()
        //往这个数组里面添加一个元素
        uliArray.push("Zeng")
        console.log(uliArray)
    }

    //arguments数组也是可以进行转换的
    function fn() {
        // console.log(arguments)

        //使用Array.from进行转换
        //    let arr = Array.from(arguments)

        //使用扩展运算符进行转换
        let arr = [...arguments]
        //使用
        arr.pop();
        arr.push("ggggg")
        console.log(arr)
    }
    fn(1, 2, 3, 4, 5, 6)


    //Array.from(arr) 把类数组（获取的彝族元素，argument...）对象转换成数组
    //类数组就是具备length的东西 都是可以使用Array.from()来进行转换的
    let str = "evenzeng!!!!!"
    //let s = str.split("") 切分成数组也是可以的

    let s = Array.from(str)
    console.log(s)


    //Array.of() 把一组值转换成数组
    let arr1 = Array.of(str)
    console.log(arr1)

    //arr.find() 查找数组成员第一个出现的 的成员
    let arr2 = [2, 44, 56, 78, 89, 344, 6777]

    let res = arr2.find((item, index, arr2) => {
        return item > 66
    })
    console.log(res)
    //arr.findindex() 查找索引
    let rec = arr2.findIndex((item, index, arr2) => {
        return item > 4
    })
    console.log(rec)

    //arr.fill(填充的东西，开始的位置，结束的位置)
    let arr4 = new Array(10)
    arr4.fill("默认值的数据", 1, 3) //包头不包含尾巴
    console.log(arr4)

    //arr.includes() 数组里面是否包含 有包含则返回true 
    let arr5 = ["apple","banana","orange"]
    let ab = arr5.includes("apple")
    console.log(ab)

    console.log("------------------------------------")
    //小练习
    //数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，
        //而不是克隆一个全新的数组。
    const a1 = [1,2,66666];
    const a2 = a1
    console.log(a2)

    // 成员都是对原数组成员的引用，这就是浅拷贝 下面的方法就是浅拷贝
    const aa1 = [{ foo: 1 }]
    const aa2 = [{ bar: 2 }]
    const a3 = aa1.concat(aa2)  //复制一份 es5
    const a4 = [...aa1,...aa2]
    console.log(a3)
    console.log(a4)