我们想要了解数组,首先就要先要了解到什么是数据结构,所谓的数据结构就是把数据与数据见的关系按照特定的结构来保存。设计合理的数据结构是解决问题的前提。
了解了数据结构后我们下面来数组的定义:
数组(array)就是一种很常用的保存批量数据的数据结构。也就是说使用单独的变量名来存储一系列的值。
1.1创建数组
1 var arr1=[];//定义一个不包含元素的数组 2 var arr2=[25,56,85];//定义一个包含三个元素的数组 3 var arr3=new Array();//定义一个不包含元素的数组(这种写法是因为js中一切都是对象) 4 var arr4=new Array("tom","maray","lilei")//定义一个包含三个字符串元素的数组
1.2初始化数组
说完数组的定义,那我们就不得不说数组的初始化了
var arr1=[50,60,90,75]; var arr2=new Array("tom","jieke","lilei");
我们也可以先声明一个空数组然后对他进行赋值
1 var arr1=[]; 2 arr1[0]=55; 3 arr2[1]=78; 4 var arr2=new Array(); 5 arr2[0]="tom"; 6 arr2[1]="jieke"; 7 arr2[3]="lilei";
1.3 length属性
length 属性可设置或返回数组中元素的数目。
注意:数组的 length 属性总是比数组中定义的最后一个元素的下标大1。对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。
设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。
例子:
1 <script type="text/javascript"> 2 3 var arr = new Array(3) 4 arr[0] = "John" 5 arr[1] = "Andy" 6 arr[2] = "Wendy" 7 8 document.write("Original length: " + arr.length) 9 document.write("<br />") 10 11 arr.length=5 12 document.write("New length: " + arr.length) 13 14 </script>
答案:
1 Original length: 3 2 New length: 5
特:因为数组还有另外两个属性constructor和prototype,因为在实际的操作中用的不多,所以再次不做赘述,以后案例中用到会在做讲解。
二。 array对象的方法(array的API)
2.1concat()---连接两个或更多的数组,并返回结果。
说明:该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
语法:
arrayObject.concat(arrayX,arrayX,......,arrayX)
arrayX 必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。
例子
1 <script type="text/javascript"> 2 3 var a = [1,2,3]; 4 document.write(a.concat(4,5));//1,2,3,4,5 5 6 </script> 7 <script type="text/javascript"> 8 9 var arr = new Array(3) 10 arr[0] = "George" 11 arr[1] = "John" 12 arr[2] = "Thomas" 13 14 var arr2 = new Array(3) 15 arr2[0] = "James" 16 arr2[1] = "Adrew" 17 arr2[2] = "Martin" 18 19 document.write(arr.concat(arr2))//George,John,Thomas,James,Adrew,Martin 20 </script>
2.2 join()方法-----用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
语法:
arrayObject.join(separator)
separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。
说明:
返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join())//George,John,Thomas </script> <script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join("."))//George.John.Thomas </script>
1.3 pop()----方法用于删除并返回数组的最后一个元素。
语法:
arrayObject.pop()
返回值为:arrayObject 的最后一个元素。
说明:
pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
1 <script type="text/javascript"> 2 3 var arr = new Array(3) 4 arr[0] = "George" 5 arr[1] = "John" 6 arr[2] = "Thomas" 7 8 document.write(arr)//George,John,Thomas 9 10 document.write("<br />") 11 12 document.write(arr.pop())//Thomas 13 14 document.write("<br />") 15 16 document.write(arr)//George,John 17 18 </script>
1.4 push()方法--可向数组的末尾添加一个或多个元素,并返回新的长度。
语法:
arrayObject.push(newelement1,newelement2,....,newelementX)
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。
说明:
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法。
例子:
1 <script type="text/javascript"> 2 3 var arr = new Array(3) 4 arr[0] = "George" 5 arr[1] = "John" 6 arr[2] = "Thomas" 7 8 document.write(arr + "<br />")//George,John,Thomas 9 document.write(arr.push("James") + "<br />")//4 10 document.write(arr)//George,John,Thomas,James 11 12 </script>
1.5 reverse()方法---用于颠倒数组中元素的顺序。
语法arrayObject.reverse()
注释:该方法会改变原来的数组,而不会创建新的数组。
例子:
1 <script type="text/javascript"> 2 3 var arr = new Array(3) 4 arr[0] = "George" 5 arr[1] = "John" 6 arr[2] = "Thomas" 7 8 document.write(arr + "<br />")//George,John,Thomas 9 document.write(arr.reverse())//Thomas,John,George 10 11 </script>
1.6 shift()方法---用于把数组的第一个元素从其中删除,并返回第一个元素的值。
语法
arrayObject.shift()
返回数组原来的第一个元素的值。
注意:如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。
提示:要删除并返回数组的最后一个元素,请使用 pop() 方法。
例子:
1 <script type="text/javascript"> 2 3 var arr = new Array(3) 4 arr[0] = "George" 5 arr[1] = "John" 6 arr[2] = "Thomas" 7 8 document.write(arr + "<br />")//George,John,Thomas 9 document.write(arr.shift() + "<br />")//George 10 document.write(arr)//John,Thomas 11 12 </script>
本文多摘自于w3school中文网,再次感谢此站提供的技术支持。
未完待续。。。。