es6中数组的用法

1、Array.of()函数

作用：将一组值，转换成数组

    console.log(Array.of(1, 2, 3, 4))  //[1,2,3,4]
    var arr = [1, 2, 3, 4]
    console.log(arr)  //[1,2,3,4]

2、Array.from()函数

作用：可以将类似数组的对象或者可遍历的对象转换成真正的数组

//html代码：
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

    var list = document.getElementsByTagName('li')
    console.log(list)  //伪数组[li,li,li,li]
    console.log(Array.from(list))  //[li,li,li,li]
    var str = '25期'
    console.log(Array.from(str))  //['2','5','期']

数组深拷贝

    var arr = [1, 2, 3, 4]
    var arr_1 = Array.from(arr)
    arr_1.push(5)
    console.log(arr_1)  //[1,2,3,4,5]
    console.log(arr)  //[1,2,3,4]

3、find()函数

作用：找出数组中符合条件的第一个元素

    var value = arr.find(function (item) {
        console.log(item)  //1   2   3
        return item > 2
        return item > 3
    })
    console.log(value)   //3

4、findIndex()函数

作用：返回符合条件的第一个数组成员的位置

    var index = arr.findIndex(function (item) {
        return item > 2
    })
    console.log(value)   //3

5、fill()函数

作用：用指定的值，填充到哦数组。 会改变原数组

     console.log(arr)  //[1,2,3,4]
     console.log(arr.fill(5, 1, 3))  //[1,5,5,4]
     console.log(arr)  //[1,5,5,4]

6、enties()函数

作用：对数组的键值对进行遍历，返回一个遍历器，可以用for…of对其进行遍历

    console.log(arr.entries())   //一个遍历器
    for (let [key, value] of arr.entries()) {
        console.log(key)  //0  1  2  3
        console.log(value)  //1  2  3  4
    }

7、keys()函数

作用：对数组的索引键进行遍历，返回一个遍历器

    console.log(arr.keys())  //一个遍历器
    for (let keys of arr.keys()) {
        console.log(keys)  //0  1  2  3
    }

8、values()函数

作用：对数组的元素进行遍历，返回一个遍历器

    console.log(arr.values())  //一个遍历器
    for (let values of arr.values()) {
        console.log(values)   //1  2  3  4
    }