一起学习网 一起学习网

Javascript 数组赋值与取值

一、数组元素的赋值

对数组元素赋值共有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的长度。