arry()数组的理解及api的使用(一)

我们想要了解数组,首先就要先要了解到什么是数据结构,所谓的数据结构就是把数据与数据见的关系按照特定的结构来保存。设计合理的数据结构是解决问题的前提。
了解了数据结构后我们下面来数组的定义:
数组(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中文网,再次感谢此站提供的技术支持。
未完待续。。。。

原文地址:https://www.cnblogs.com/hanqingtao/p/5648546.html