Javascript基础（六）：数组及常用操作

1、数组的定义

一个变量里面只能一个值，如果有1000人，想把我们每个人的人名存储，要用变量需要 1000个变量。这个时候可以考虑数组 。 数组就是一个大变量， 它里面可以存储很多的值。

数组对象的作用是：使用单独的变量名来存储一系列的值。

2、创建数组

  var arr=[]; //创建一个空数组  var arr = [1,3,5,7,9];   var arr = new Array(1,3,5);   new Array([size]); // 创建一个数组，并指定数组长度，数组的实际长度可以超过设定的size的长度。

3、使用数组

数组里面有很多元素，我们可以通过数组名[索引号]; 获取数组里面相应的元素。数组的索引号是从0开始的。

var Arr = ["小1","小2","小3","小4"]; //定义一个数组，里面有4个元素console.log(Arr[3]) //输出索引号为3的元素。

控制台输出“小4”。由此很容易得出：索引号=序列-1。

• 获取数组的长度

数组名.length；

4、遍历数组

我们可以用for 循环遍历数组
getElementsByTagName() 类似的功能可以得到一个伪数组。

<script>    var Arr = ["小1","小2","小3","小4","小5"];    for(var i = 0; i<Arr.length;i++)  // 遍历数组    {        console.log(Arr[i]); //输出每个元素    }        ----------    for(var i= 0, len = Arr.length; i<len;i++)  // 遍历数组，这个效率更高，因为只需获取一次数组的长度。    {        console.log(Arr[i]);    }</script>

5、操作数组的常用方法

在实际应用中，我们常常有给数组添加或者删除数据等其他需要，了解了下面的方法就可以对数组进行增删等操作了。

（1）添加数组

• push()

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

实验：

<script type="text/javascript">    var arr = [2,4,6,8,10]; //定义一个数组    arr.push(12);//给数组添加一个元素 12    console.log(arr);//在控制台输出数组</script>

控制台输出效果图：

push()把12添加到arr的最后，并返回一个新的长度6。

注意： console.log(arr.push(12)); // 返回的是数组的长度

• unshift()

该方法可向数组的开头添加一个或更多元素，并返回新的长度。

实验：

<script type="text/javascript">    var arr = [2,4,6,8,10]    arr.unshift(12);    console.log(arr);</script>

push()把12添加到arr的最前面，并返回一个新的长度6。

（2）删除数组

• pop()

  删除最后一个元素，并返回被删除的元素。

<script type="text/javascript">    var arr = [2,4,6,8,10]    console.log(arr.pop()); //  返回被删除的元素    console.log(arr); //返回的是数组</script>

控制台输出如图：

• shift()

shift() 方法用于把数组的第一个元素从其中删除，并返回被删除元素。

<script type="text/javascript">    var arr = [2,4,6,8,10]    console.log(arr.shift()); //  返回被删除的元素    console.log(arr); //返回的是数组</script>

控制台输出如图：

（3）连接数组 concat();

该方法用于连接两个或多个数组，它不会改变现有的数组，而仅仅会返回被连接数组的一个副本 。

<script type="text/javascript">    var arr1 = [2,4,6,8,10]； //定义一个数组arr1    var arr2 = ["小1","小2","小3","小4"]；//定义一个数组arr2    var arr3 = arr1.concat(arr2);//定义数组arr3，把arr1和arr2拼接赋予arr3。arr1.concat(arr2) 意思是把arr2拼接到arr1的后面。    console.log(arr1);    console.log(arr2);    console.log(arr3);</script>

控制台输出：

（4）把数组转换成字符串 join(separator)

该方法的作用是将数组各个元素是通过指定的分隔符进行连接成为一个字符串。separator参数指定使用的分割符，如果省略，默认用逗号分割。

<script type="text/javascript">    var arr1 = [2,4,6,8,10];    console.log(arr1.join(";"));</script>

控制台效果图：

（5）把字符串转换为数组 split(separator,howmany)

参数 separator 可选，separator参数指定使用的分割符，如果省略，默认用逗号分割。
参数howmany 可选，指定返回的数组的最大长度。

<script type="text/javascript">    var txt = "小1-小2-小3";    console.log(txt.split("-"));</script>

控制台效果：

数组的基本知识点大概就总结这些了，以后遇到相关知识会继续补充，谢谢大家！