数组的操作方法

1. push()

接收参数逐个添加到数组末尾

    <script>
        let arr = [1, 2, 3, 4];
        console.log(arr);
        arr.push(5);
        console.log(arr);
    </script>

控制台输出结果:

2. unshift()

接收参数逐个添加到数组开头

    <script>
        let arr = [1, 2, 3, 4];
        console.log(arr);
        arr.unshift(5);
        console.log(arr);
    </script>

控制台输出结果:

3. splice()

splice()可以向数组指定位置添加任意数量的元素，需要传入至少3个参数： ①起始位置，②  0（要删除的元素个数）和 ③ 要添加的元素。

    <script>
        let arr = [1, 2, 3, 4];
        console.log(arr);
        arr.splice(1, 0, 2, 2, 2);
        console.log(arr);
    </script>

控制台输出结果:

splice()也可以向数组指定位置删除任意数量的项，需要传入至少2个参数： ①起始位置，②  要删除的项数

    <script>
        let arr = [1, 2, 3, 4, 5, 6, 7];
        console.log(arr);
        arr.splice(1, 3);
        console.log(arr);
    </script>

控制台输出结果:

4. pop()

删除数组末尾最后一项，返回的是删除的项。

    <script>
        let arr = [1, 2, 3, 4, 5, 6, 7];
        let value = arr.pop();
        console.log(arr);
        console.log("返回值", value);
    </script>

控制台输出结果:

5. shift()

删除数组第一项，返回的是删除的项

    <script>
        let arr = [1, 2, 3, 4, 5, 6, 7];
        let value = arr.shift();
        console.log(arr);
        console.log("返回值", value);
    </script>

控制台输出结果:

6. join()

将数组成员通过一个分隔符合并成字符串

    <script>
        let arr = [1, 2, 3, 4, 5, 6, 7];
        let value = arr.join("-");
        console.log(value);
    </script>

控制台输出结果:

7. reverse()

数组反转

    <script>
        let arr = [1, 2, 3, 4, 5, 6, 7];
        arr.reverse("-");
        console.log(arr);
    </script>

控制台输出结果:

8. find()

传入一个回调函数，找到数组中符合当前搜索规则的第一个元素，返回它，并且终止搜索。

    <script>
        let arr = [1, 2, 3, 4, 5, 6, 7];
        let value = arr.find((item) => item > 3);
        console.log(value); //返回结果为 4
    </script>

9. map()

方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值

<script>
        const array1 = [1, 2, 4, 13];
        const map1 = array1.map((x) => x * 2);
        console.log(map1); //返回结果为: [2, 4, 8, 26]
    </script>