|
|
51CTO旗下网站
|
|
移动端

1.5.6 使用数组

《H5和WebGL 3D开发实战详解》第1章HTML 5开发基础—进入WebGL 世界的第一道坎,本书是介绍WebGL技术的一本书,但是在进入WebGL世界之前我们需要迈过HTML门槛,因为这是通向WebGL的必经通道。如果连最基本的HTML开发也做不了,那么开发WebGL就是一件遥不可及的事情。本节为大家介绍使用数组。

作者:吴亚峰/于复兴/索依娜来源:人民邮电出版社|2017-10-31 18:40

1.5.6 使用数组
 
JavaScript数组的工作方式与大多数编程语言中的数组类似,但是大家一般在枚举数组时都会用“{}”,在JavaScript中声明数组使用“[]”而不是用花括号。下面来看一下如何用JavaScript创建数组与使用数组对象。
 
代码位置:见随书中源代码/第1章目录下的HTML5/Sample1_21.html。
 
  1. 1 <!DOCTYPE HTML> 
  2. <html><head><title>Sample1_21</title></head> 
  3. <body><script type="text/javascript"> 
  4. 4 var myarray=new Array(); //创建与填充数组 
  5. 5 myarray[0]=100; //为数组赋值 
  6. 6 myarray[1]="Tom"; 
  7. 7 myarray[2]=true; 
  8. 8 var myarray1=[100,"Tom",true]; //使用数组字面量创建数组 
  9. 9 var myarray2=[100,"Tom",true]; //读取指定索引位置的数组元素值 
  10. 10 document.writeln("Index 0" + myarray2[0]); 
  11. 11 var myarray3=[100,"Tom",true]; //修改数组内容 
  12. 12 myarray3[0]="Tuesday"; 
  13. 13 document.writeln("Index 0" + myarray3[0]); 
  14. 14 var myarray4=[100,"Tom",true]; //枚举数组内容 
  15. 15 for(var i=0;i<myarray4.length;i++){ //myarray4.length 为数组的长度 
  16. 16 document.writeln("Index 0" + myarray4[0]);} 
  17. 17 </script></body></html> 
第4~7行为调用new Array()创建一个新的数组示例。这是一个空数组,它被赋给变量myarray,后面的语句给数组中的几个索引位置设置了值。
 
第8~16行为数组的基本应用示例,包括了通过数组字面量创建数组,读取指定索引位置的数组元素值,通过索引值来改变数组内容,遍历数组元素内容。我们在学习基础的编程语言时都已经学到这些基本的操作,这里的用法与之相差不大。
 
在此例中需要注意两点,第一点为创建数组的时候不需要声明数组中元素的个数,JavaScript数组会自动调整大小以便容纳所有元素。第二点为不必声明数组所含数据的类型,JavaScript数组可以混合包含各种类型的数据。
 
有编程经验的读者知道,除了上面所讲的数组基础用法外,还会有一些数组方法,下面我们便来看一下表1-14所列出的常用数组方法。由于篇幅有限,所以对这些方法的应用不再进行过多介绍了,读者可以对照着说明自行实践。
 
表1-14常用数组方法
 

续表
 
 

讲完数组,JavaScript的基础内容基本介绍完了。与Java类似,JavaScript中也有处理错误的机制。这里的处理错误也是用try…catch语句,如果有错误发生时,那么try子句中语句的执行将立即停止,控制权转移到catch子句中。发生的错误由一个Error对象描述,它会被传递给catch子句。

 
喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973
【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

JavaScript核心技术

它从最简单的地方入手,不仅讲述了JavaScript的基础知识,还讲述了JavsScript如何操作CSS、DOM等Ajax基础技术。而关于跨浏览器兼容问题的解...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊