数组对象的创建及应用

数组对象

5.1数组对象的创建

创建数组对象的两种方式

• 字面量方式
• new Array()

<script>
        //创建数组的两种方式
        //1. 利用数组字面量
        var arr = [1,2,3];
        console.log(arr[0]);

        //2.利用new Array()
        //var arr1 = new Array();   //创建了一个空数组
        //var arr1 = new Array(2);  //这个2表示 数组的 长度为2 里面有两个空数组
        var arr1 = new Array(2,3);  //等价于[2,3]   这样写表示  里面有2个数组元素 是2和3
        console.log(arr1);
    </script>

5.2检测是否为数组

(1)instanceof 运算符 他可以用来检测是否为数组
(2)Array.isArray(参数)；H5新增的方法 ie9以上版本支持

<script>
        //翻转数组
        function reverse(arr){
            if (arr instanceof Array){
                var newArr = [];
                for(var i = arr.length - 1; i>=0; i--){
                newArr[newArr.length] = arr[i];

                }
                return newArr;
            }else{
                 return 'error 这个参数要求必须是数组格式[1,2,3]'
            }
        }
        console.log(reverse([1,2,3]));
        console.log(reverse(1,2,3));
        //检测是否为数组
        //(1)instanceof 运算符 他可以用来检测是否为数组
        var arr = [];
        var obj = {};
        console.log(arr instanceof Array);
        console.log(obj instanceof Array);
        //(2)Array.isArray(参数)；H5新增的方法 ie9以上版本支持
        console.log(Array.isArray(arr));
        console.log(Array.isArray(obj));

    </script>

5.3添加删除数组元素的方法

<script>
        var arr = [1,2,3];
        // (1) push是可以给数组后面追加新的元素
        //arr.push(4, 'pink');
        console.log(arr.push(4, 'pink'));

        console.log(arr);
        // (1) push是可以给数组后面追加新的元素
        // (2) push() 参数直接写数组元素就可以了
        // (3) push完毕之后，返回的结果是新数组的长度
        // (4) 原数组也会发生变化

        // 2. unshift 在我们数组的开头添加一个或者多个数组元素
        console.log(arr.unshift('red','purple'));
        console.log(arr);
        // (1) unshift是 可以给数组前面追加新的元素
        // (2) unshift() 参数直接写数组元素就可以了
        // (3) unshift完毕之后，返回的结果是新数组的长度
        // (4)原数组也会发生变化

        //3. pop() 他可以删除数组的最后一个元素
        console.log(arr.pop());
        console.log(arr);
        // (1) pop是 可以删除数组的最后一个元素 记住一次只能删除一个元素
        // (2) pop() 没有参数
        // (3) pop完毕之后，返回的结果是 删除的那个元素
        // (4)原数组也会发生变化

         //4. shift() 他可以删除数组的第一个元素
         console.log(arr.shift());
         console.log(arr);
        // (1) shift是 可以删除数组的第一个元素 记住一次只能删除一个元素
        // (2) shift() 没有参数
        // (3) shift完毕之后，返回的结果是 删除的那个元素
        // (4)原数组也会发生变化
        
    </script>

筛选数组中的元素

<script>
        //有一个包含工资的数组[1500,1200，2000,2100 ,1800]，
        // 要求把数组中工资超过2000的删除，剩余的放到新数组里面
        var arr = [1500,1200,2000,2100,1800,1530];
        var newArr = [];
        for(var i =0; i < arr.length; i++){
            if(arr[i] < 2000){
                newArr.unshift(arr[i]);
            }
        }
        console.log(newArr);
</script>

5.4数组排序

 <script>
        //数组排序
        //1.翻转数组
        var arr = ['pink','red','blue'];
        arr.reverse();
        console.log(arr);

        //2.数组排序（冒泡排序）
        var arr1 = [12,13,4,7,1];
        arr1.sort(function(a,b){
            return a - b; //升序的顺序排列
            // return b - a; //降序的顺序排列
        });
        console.log(arr1);
    </script>

5.5数组索引方法

<script>
    // 返回数组元素索引号方法indexOf( 数组元素)作用 
    // 就是返回该数组元素的索引号 从前面开始查找
    // 它只返回第一个满足条件的索引号
    // 它如果在该数组里面找不到元素，则返回的是-1
    var arr = ['red','green','pink'];
    console.log(arr.indexOf('blue'));

    // 返回数组元素索引号方法lastIndexOf( 数组元素)作用 
    // 就是返回该数组元素的索引号 从后面开始查找
    var arr = ['red','green','blue','pink','blue'];
    
    console.log(arr.lastIndexOf('blue'));   //4
</script>

数组去重案例

案例分析：

目标:把旧数组里面不重复的元素选取出来放到新数组中,重复的元素只保留-个,放到新数组中去重。

核心算法:我们遍历旧数组,然后拿着I8数组元素去查询新数组,如果该元素在新数组里面没有出现过,我们就添加,否则不添加。

我们怎么知道该元素没有存在?利用新数组.indexOf(数组元素)如果返回时-1就说明新数组里面没有改元素

<script>
        // 封装一个 去重的函数 unique 独一无二的
        function unique(arr){
            var newArr = [];
            for(var i =0; i<arr.length; i++){
                if(newArr.indexOf(arr[i])===-1){
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
        var demo = unique(['blue','geen','blue'])
        console.log(demo);
    </script>

5.6数组转化为字符串

 <script>
        //数组转换为字符串
        // 1.toString() 将我们的数组转换为字符串
        var arr = [1,2,3];
        console.log(arr.toString());    //1,2,3
        //2.join(分隔符)
        var arr1=['gren','gyq','pink'];
        console.log(arr1.join());   //green,blue,pink
        console.log(arr1.join('-'));   //green-blue-pink
        console.log(arr1.join('&'));   //green&blue&pink
    </script>

5.7拓展