数组

<!--
 * @Author: your TM_cc
 * @Date: 2021-10-28 20:07:52
 * @LastEditTime: 2021-10-28 21:33:34
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \数组.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         *  push()
         *   - 该方法向数组末尾添加一个元素多个元素并返回数组的新的长度
         *   - 可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾
        */

        var arr = [11,22,33];
        arr.push(44)
        console.log(arr);

        /**
         *  pop()
         *   - 该方法可以删除数组的最后一个元素，并将被删除的元素返回
        */

        var result = arr.pop();
        console.log(result); // 44

        /**
         *  unshift()
         *   - 向数组开头添加一个或多个元素，并返回新的数组长度
        */

        arr.unshift(55,66);
        console.log(arr); // 55 66 11 22 33

        /**
         * shit()
         *  - 可以删除数组的第一个元素并返回。
        */

        arr.shift();
        console.log(arr) // 66 11 22 33

        /**
         * slice(start,end)
         *  - 可以用来已有的数组中提取指定的元素
         *  - 该方法不会影响到原数组
         *  - 参数
         *      第一个，截取开始的位置的索引，包含开始索引
         *      第二个，截取结束的位置的索引，不包含结束索引
         *               - 第二个参数可以不写，此时会截取开始往后的所有元素
         *  - 索引可以传递一个负值，若果传递一个负值，则从后往前计算
         *      -1 倒数第一个
         *      -2 倒数第二个 ······
        */

        var arr2 = ['孙悟空','猪八戒','沙和尚','唐僧','白龙马','红孩儿',"牛魔王"];

        var result2 = arr2.slice(1,4); // 猪八戒 沙和尚
        result2 = arr2.slice(3) // 沙和尚
        result2 = arr2.slice(1,-2) // 猪八戒
        console.log(result2);


        /**
         * splice()
         *  - 可以用于删除数组中的指定元素
         *  - 使用splice()会影响到原数组，会将指定元素从数组中删除并将删除的元素作为返回值返回
         *  - 参数：
         *      第一个，表示开始位置的索引
         *      第二个，表示删除的数量
         *      第三个及以后
         *          可以传递一些元素，这些元素将会自动插入到开始位置的索引前面
        */

        var result3 = arr2.splice(0,3,'铁扇公主');

        console.log(arr2); // 铁扇公主 唐僧 白龙马 红孩儿 牛魔王

        console.log(result3); // 孙悟空 猪八戒 沙和尚

        // 例：去除数组中的重复数字

        // 创建一个数组

        var num = [1,2,4,5,5,6,8,8,9];

        for(var i = 0 ; i < num.length ; i++){
            for(var j = i+1 ; j < num.length ; j++){
                if(num[i] == num[j]){
                    num.splice(j,1);
                    j--; // 让j自减防止连续相同的数字出现
                }
            }
        }  
        console.log(num);
       
    </script>
</body>
</html>
posted @ 2021-10-29 11:57  TM_cc  阅读(44)  评论(0)    收藏  举报