Javascript 数组array赋值与取值

系统管理员 2024-02-17 13:07 42阅读 0赞

## 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对象][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的长度。

[a98ebca885f974d844d1a8c71ff1a23a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/6f8baebfeec84cd18b84ae9b20247fd1.png
[Array]: http://www.manongjc.com/javascript/js_what_is_array.html
[e4d0fdf6c122dd0416d1c1a2a55ea054.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/9a10c95617b54405a5a4b874aaabc8f7.png
[7d022f6f0b53e48933ec03978c1cadba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/03f95fde551b4ef5a8131ea01a169931.png