小白教程
所有教程
关于
Search
172.71.254.44
172.71.254.44
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JavaScript Array(数组)对象”的源代码
本页内容
上一节:
JavaScript_Date(日期)对象
下一节:
JavaScript_Boolean(布尔)对象
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:JavaScript Array(数组)}}[[Category:Javascript 教程|62]] = JavaScript Array(数组) 对象 = 数组对象的作用是:使用单独的变量名来存储一系列的值。 == 在线实例 == 创建数组, 为其赋值: <sample title="" desc="" lang="html" hererun="1"> var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> var i; var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; for (i=0;i<mycars.length;i++){ document.write(mycars[i] + "<br />"); } </script> </body> </html> </run> 页面底部你可以找到更多的实例。 == 什么是数组? == 数组对象是使用单独的变量名来存储一系列的值。 如果你有一组数据(例如:车名字),存在单独变量如下所示: <pre> var car1="Saab"; var car2="Volvo"; var car3="BMW"; </pre> 然而,如果你想从中找出某一辆车?并且不是3辆,而是300辆呢?这将不是一件容易的事! 最好的方法就是用数组。 数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。 数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。 == 创建一个数组 == 创建一个数组,有三种方法。 下面的代码定义了一个名为 myCars的数组对象: 1: 常规方式: <pre> var myCars=new Array(); myCars[0]="Saab"; myCars[1]="Volvo"; myCars[2]="BMW";</pre> 2: 简洁方式: <pre> var myCars=new Array("Saab","Volvo","BMW");</pre> 3: 字面: <pre> var myCars=["Saab","Volvo","BMW"];</pre> == 访问数组 == 通过指定数组名以及索引号码,你可以访问某个特定的元素。 以下实例可以访问myCars数组的第一个值: var name=myCars[0]; 以下实例修改了数组 myCars 的第一个元素: <pre> myCars[0]="Opel";</pre> <blockquote>[0] 是数组的第一个元素。[1] 是数组的第二个元素。</blockquote> == 在一个数组中你可以有不同的对象 == 所有的JavaScript变量都是对象。数组元素是对象。函数是对象。 因此,你可以在数组中有不同的变量类型。 你可以在一个数组中包含对象元素、函数、数组: myArray[0]=Date.now; myArray[1]=myFunction; myArray[2]=myCars; == 数组方法和属性 == 使用数组对象预定义属性和方法: var x=myCars.length // myCars 中元素的数量 var y=myCars.indexOf("Volvo") // "Volvo" 值的索引值 == 完整的数组对象参考手册 == 你可以参考本站关于数组的所有属性和方法的完整参考手册。 参考手册包含了所有属性和方法的描述(和更多的例子)。 [[jsref obj array|完整数组对象参考手册]] == 创建新方法 == 原型是JavaScript全局构造函数。它可以构建新Javascript对象的属性和方法。 == 实例:创建一个新的方法。 == <sample title="" desc="" lang="html" hererun="1"> Array.prototype.myUcase=function(){ for (i=0;i<this.length;i++){ this[i]=this[i].toUpperCase(); } } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">单击按钮创建一个数组,调用 ucase()方法, 并显示结果。</p> <button onclick="myFunction()">点我</button> <script> Array.prototype.myUcase=function(){ for (i=0;i<this.length;i++){ this[i]=this[i].toUpperCase(); } } function myFunction(){ var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.myUcase(); var x=document.getElementById("demo"); x.innerHTML=fruits; } </script> </body> </html> </run> 上面的例子创建了新的数组方法用于将数组小写字符转为大写字符。 == 更多实例 == [[try.php?filename=tryjsref_concat|合并两个数组 - concat()]] [[try.php?filename=tryjsref_concat2|合并三个数组 - concat()]] [[try.php?filename=tryjsref_join|用数组的元素组成字符串 - join()]] [[try.php?filename=tryjsref_pop|删除数组的最后一个元素 - pop()]] [[try.php?filename=tryjsref_push|数组的末尾添加新的元素 - push()]] [[try.php?filename=tryjsref_reverse|将一个数组中的元素的顺序反转排序 - reverse()]] [[try.php?filename=tryjsref_shift|删除数组的第一个元素 - shift()]] [[try.php?filename=tryjsref_slice_array|从一个数组中选择元素 - slice()]] [[try.php?filename=tryjsref_sort|数组排序(按字母顺序升序)- sort()]] [[try.php?filename=tryjsref_sort2|数字排序(按数字顺序升序)- sort()]] [[try.php?filename=tryjsref_sort3|数字排序(按数字顺序降序)- sort()]] [[try.php?filename=tryjsref_splice|在数组的第2位置添加一个元素 - splice()]] [[try.php?filename=tryjsref_tostring_array|转换数组到字符串 -toString()]] [[try.php?filename=tryjsref_unshift|在数组的开头添加新元素 - unshift()]]
返回至“
JavaScript Array(数组)对象
”。
上一节:
JavaScript_Date(日期)对象
下一节:
JavaScript_Boolean(布尔)对象