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>
在浏览器预览效果如下:
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种获取数组某一项的值都是通过数组元素的下标来获取。
举例:
<!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>
在浏览器预览效果如下:
举例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>
在浏览器预览效果如下:
其中arr.length表示获取数组arr的长度。