Javascript 数组array赋值与取值

一、数组元素的赋值

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

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

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

 

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

这种方式,我们已经在“创建数组对象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>

在浏览器预览效果如下:

javascript 在创建Array对象时直接赋值

 

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] = "码农教程";
        document.write(arr[0]);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

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

 

二、数组元素的获取

在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>

在浏览器预览效果如下:

javascript 数组元素的获取

 

举例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>

在浏览器预览效果如下:

javascript 数组元素的获取

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