JavaScript数组的基本操作

最新推荐文章于 2024-08-12 03:23:21 发布

Etui۹(･༥･´)و ̑̑

最新推荐文章于 2024-08-12 03:23:21 发布

阅读量168

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/m0_47015897/article/details/114181718

版权

JavaScript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

简述：
本案例主要讲解了数组的创建、添加/删除数组元素、元素的数据类型以及遍历数组元素

1、数组的创建方式以及数组元素的数据类型

<!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>
    <script>
        //使用构造函数创建数组对象
        //创建一个长度为10的数组对象
        var arr1 = new Array(10);
        // console.log(arr1);

        // console.log(typeof arr1);//Array()函数属于object类

        //给数组元素赋值
        for(var i=0; i<arr1.length; i++){
            arr1[i] = i*10;
        }
        // console.log(arr1);


        var arr2 = new Array(10,20,30,40); 
        // console.log(arr2);
        // console.log(arr2.length);

        //字面量方式创建数组
        var arr3 = [];//创建一个空数组
        console.log(arr3.length);

        //创建一个只有一个元素的数组
        var arr4 = [10];
        console.log(arr4);

        //数组元素可以是任意数据类型
        var arr5 = ["张三",13,true];
        console.log(arr5);
        //也可以是对象
        arr5[arr5.length] = {name:"李逵",age:20,gender:"男"};
        console.log(arr5);
        //也可以是函数
        arr5[arr5.length] = function(){
            alert("我是数组中的一个函数!");
        };
        console.log(arr5);
        // arr5[arr5.length-1]();//调用数组中的函数元素
        //数组中也可以存放数组
        arr5[arr5.length] = [1,223,323];//此时该数组被称为二维数组
        console.log(arr5);
        
    </script>
</head>
<body>
    
</body>
</html>

2、常用的数组方法（函数）

<!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>
    <script>
        //创建一个数组
        var arr1 = ["Tom","Marry","Jack"];

        /* 
            push()
                该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度
                可以将要添加的元素作为方法的参数传递
                    这样这些元素将会自动添加到数组的末尾
                该方法会将数组新的长度作为返回值返回
        */
        var result = arr1.push("Jim","Keathy");
        console.log("result = "+result);

        /* 
            pop()
                该方法可以删除数组最后一个元素,并将被删除的元素作为返回值
        */
        result = arr1.pop();
        console.log(arr1);
        console.log("result = "+result);

        /* 
            unshift()
                向数组开头添加一个或多个元素，并返回新的数组长度
                像前面插入元素以后，其他元素的索引会依次调整
        */
        result = arr1.unshift("孙悟空","牛魔王");
        console.log(arr1);
        console.log("result = "+result);

        /* 
            shift()
                可以删除数组的第一个元素，并将被删除的元素作为返回值返回
        */
        result = arr1.shift();
        console.log(arr1);
        console.log("result = "+result);
        
    </script>
</head>
<body>
    
</body>
</html>

3、遍历数组

<!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>
    <script>
        
        //创建一个数组
        var arr = [123,456,798,321,564,987];
        
        //所谓的数组遍历，就是将数组中所有的元素都取出来
        for(var i=0; i<arr.length; i++){
            console.log("arr["+i+"] = "+arr[i]);
        }
    </script>
</head>
<body>
    
</body>
</html>