Javascript 数组array赋值与取值

Javascript 数组array赋值与取值

目录

Javascript 数组array赋值与取值

一、数组元素的赋值

1、在创建Array对象时直接赋值

2、利用Array对象的元素下标对数组进行赋值

二、数组元素的获取


一、数组元素的赋值

对数组元素赋值共有2种方法:

  • (1)在创建Array对象时直接赋值;
  • (2)利用Array对象的元素下标对数组进行赋值;

其实这两种方式我们在前两节都已经接触过了,这里我给大家系统总结一下:

1、在创建Array对象时直接赋值

语法:

var 数组名 = new Array(元素1,元素2,…,元素n);

举例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组的同时对元素赋值
        var arr=new Array("html","css","javascript");
        document.write(arr.length);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

a98ebca885f974d844d1a8c71ff1a23a.png

2、利用Array对象的元素下标对数组进行赋值

这个方法可以随时向Array对象中输入元素值,或者是修改数组中的任意元素值。

语法:

var 数组名 = new Array();
数组名[0] = 元素1;
数组名[1] = 元素2;
……
数组名[n] = 元素(n-1);

举例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组
        var arr=new Array();
        //通过下标对数组元素赋值
        arr[0] = "html";
        arr[1] = "css";
        arr[2] = "javascript";
        //修改arr[0](即第1个元素)的值
        arr[0] = "vvv";
        document.write(arr[0]);
    </script>
</head>
<body>
</body>
</html>

二、数组元素的获取

在JavaScript种获取数组某一项的值都是通过数组元素的下标来获取。

举例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组
        var arr=new Array("中国","广东","广州","天河","暨大");
        document.write(arr[4]);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

e4d0fdf6c122dd0416d1c1a2a55ea054.png

举例2:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //创建数组
        var arr=new Array("中国","广东","广州","天河","暨大");
        //利用for循环获取所有数组元素
        for(var i=0;i<arr.length;i++)
        {
            document.write(arr[i] + "<br/>");
        }
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

7d022f6f0b53e48933ec03978c1cadba.png

其中arr.length表示获取数组arr的长度。

猜你喜欢

转载自blog.csdn.net/2301_78835635/article/details/134738494