JavaScript数组使用

一、数组创建的方式

JS数组创建的四种语法：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>创建js数组</title>
        <script type="text/javascript">
            //方式一： 创建一个空数组
            /* var arr = new Array();
            arr[0] = 1;
            console.log(arr); //输出信息{"0":1,"length":1} at 数组/js数组的创建.html:10
            alert(arr); */
            
            //创建固定长度的数组
            /* var arr2 = new Array(5);
            arr2[2] = '马大师';
            arr2[0] = '闫芳';
            
            console.log(arr2); */
            
            //方式三：创建时，直接指定元素的值
            // var arr3 = new Array('黛绮丝','殷天正','谢逊','韦一笑');
            // console.log(arr3)
            
            //方式四：相当于方式三的简写
            var arr4=[34,23,'hello',true,false];
            console.log(arr4)
        </script>
    </head>
    <body>
    </body>
</html>

二、数组的元素和长度

JS中数组元素和长度使用时的特征

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>数组长度和元素</title>
        <script type="text/javascript">
            var arr01 = [11,22,33];
            console.log(arr01); //输出数组元素
            console.log(arr01[0]);  //取出索引为0的元素
            console.log(arr01.length); //求数组的长度
            
            //js中可以通过修改数组length的值，来指定数组的长度
            arr01.length = 10;
            console.log(arr01)
            
            //js的数组可以通过索引改变数组的长度
            arr01[100] = 1999;
            console.log(arro1)
            
            
        </script>
    </head>
    <body>
    </body>
</html>

三、数组的遍历方式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>遍历数组</title>
        <script type="text/javascript">
            var arr = [5,7,8,12,13,15];
            
            //方式一：普通for循环
            for(var i=0;i<arr.length;i++){
                console.log(arr[i]);
            }
            
            //方式二：可以取出数组的下标，然后通过下标再去取值
            for(var x in arr){
                console.log(arr[x]);
            }
        </script>
    </head>
    <body>
    </body>
</html>

四、数组的常用方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>数组的常见方法</title>
        
        <script type="text/javascript">
            var arr = [23,12,23,12,34,2323];
            
            //根据值查找元素,如果有重复数据，则找的是第一个
            // var i = arr.indexOf(23);
            // console.log(i);
            
            //合并多个数组
            // arr01 = ['李思思','马大师','张无忌'];
            // arr02 = [23,32,12,342];
            // arr03 = ['adsad',true,false,3.14];
            // var arr04 = arr01.concat(arr02,arr03);
            // console.log(arr04)
            
            //合并字符串
            // arr05 = ['李思思','马大师','张无忌'];
            // var arr06 = arr05.join()
            // console.log(arr06)
            
            //移除最后一个元素
            /* console.log(arr);
            var x = arr.pop();
            console.log(x);
            console.log(arr); */
            
            //给结尾添加元数
            /* console.log(arr);
            var x = arr.push("小续");
            console.log(arr); */
            
            //反转数组
            /* console.log(arr);
            var x = arr.reverse();
            console.log(arr); */
            
            //删除数组的第一个元素
            // console.log(arr);
            // var x = arr.shift();
            // console.log(arr);
            
            //给第一个位置添加元素
            // console.log(arr);
            // var x = arr.unshift('hello')
            // console.log(arr);
            
            //截取子数组，根据索引截取，左闭右开’
            /* var new_arr = arr.slice(2,4)
            console.log(new_arr) */
            
            //移除元素
            // arr.splice(2,4); //移除下标为0的元素开始4个元素
            // console.log(arr)
            
            //如果第二个参数是0 那么就变成了在指定的索引位置添加值了\
            console.log(arr)
            arr.splice(2,0,123); //中间为0则表示在索引为2的位置添加元素123
            console.log(arr)
            
            
        </script>
    </head>
    <body>
    </body>
</html>
posted @ 2021-11-20 21:47  酒剑仙*  阅读(36)  评论(0)    收藏  举报