JavaScript数组及其常用方法（push、pop、shift···）

水深无声 2021-09-14 01:54 338阅读 0赞

**![SouthEast][]**

**1.数组定义**

**I. 数组的定义有三种方式：**

**（1）var a=\[\]**

**（2）var a=new Array();**

**（3）var a=\['','','','',''\]**

**访问元素：数组名+下标。（注：数组下标从0开始，如果一个数组的长度为5，那么他最后一个元素的下标是4，而不是5，即范围为【0，4】）**

**例如：a\[0\]访问的是数组a的第一个元素。**

**数组的本质：一组变量的集合，或者说是一组内存单元，只不过对于变量的**

**II.数组的相关属性**

**（1）length：数组名.length 可以获取数组的长度，也可以通过该属性定义数组的长度。**

实例： var a=new Array(); a[0]=1; a[1]=2; a[2]=3; a[3]=4; a[4]=5; a.length=4; //定义数组长度为4； alert(a.length) //获取数组长度

III.数组的常用方法

**（1）shift(): 删除数组第一个元素，返回值为数组长度。**

实例： var array=[5,6,7,2,1,3,9]; array.shift(); //删除数组第一个元素，返回值为新数组长度 alert(array.shift())

（2）unshift(): 在数组的开头添加元素。

实例： var array=['red','blue','green','yellow']; array.unshift('black','white'); //数组开头添加元素 alert(array);

（3）indexof(): 检索所选元素在数组中首次出现的位置，并返回下标值

实例： var String=['我','是','人','是','一','个','大','好','人']; alert(String.indexOf('人')); //检索所选元素在数组中首次出现的位置，并返回下标值 alert(String);

（4）lastIndexof(): 检索所选元素在数组中最后出现的位置，并返回下标值。

实例： var String=['我','是','人','是','一','个','大','好','人']; alert(String.lastIndexOf('人')) //检索所选元素在数组中最后出现的位置，并返回下标值 alert(String);

（5）slice(): 从数组中选择元素。

实例： var fruit=new Array('apple','orange','banana','pear'); var New=fruit.slice(1,3); //截取数组下标1-3之间的元素并返回元素，包左不包右 alert(New);

（6）splice(): 删除数组内任意项 ；在指定位置插入指定的项；替换数组内任意的项。

**![SouthEast 1][]**

实例： var fruit=new Array('apple','orange','banana','pear'); fruit.splice(1,2) //指定位置删除元素，第一个值为要删除元素的起始下标，第二个值为要删除的项数； alert(fruit); //插入 var food=new Array('rice','vegetables','meat','soup'); food.splice(1,0,'apple','orange','banana') alert(food); //splice()替换： 数组名.splice（起始下标，要删除的项数，要插入的项）

**（7）reverse(): 将数组元素逆序输出。**

实例： var food=new Array(5,8,2,6,1,2,7); alert(food.reverse()); //将原数组元素逆序输出；

（8）push(): 在数组末尾增加新的元素，返回值为新数组的长度。

实例： var array=new Array('1','3',5,7,9,'11',13) array.push('World'); //在数组末尾增加新的元素， alert(array.push());//返回值为新数组长度 alert(array);

（9）pop(): 删除数组末尾元素，返回值为被删除的元素。

实例： var array=new Array('45',6,64,25,45,12,23,64,97); var newArray=array.pop(); //删除数组末尾元素， alert(array); alert(newArray);//返回值是被删除的元素

（10）join(): 将数组的元素转化为字符串。

实例： var fruit=new Array('apple','orange','banana','pear'); document.write(fruit.join()); //将数组元素组成字符串输出。 alert(fruit.join())

（11）concat(): 该方法用于将多个数组合并（注：需要定义一个新的变量来存储合并后的新数组，合并三个以上数组时，括号内用“,”隔开）。

实例： var fruit=new Array('apple','orange','banana','pear'), food=new Array('rice','vegetables','meat','soup'); var combine; //用于存储合并后的数组 combine= fruit.concat(food); //concat用于将多个数组合并，需要定义一个变量来存储合并后的数组，多个数组合并时，在concat()中用逗号隔开 alert(combine);

（12）map(): 对数组的每一个元素都调用一个方法，这个方法就是一个回调函数,该函数有三个参数值（value，index，self）。回调函数写在括号内，常常是匿名函数。

实例： var a=[3,5,7,9,11] a.map(function(value,index,self){ return value*value; });

alert(a);

**数组的方法还有好多，就不一一列举了，主要掌握常用的方法就行了，其他的不知道的可以上菜鸟网查，很方便的。**

[SouthEast]: /images/20210724/d6c84b535d284d0a8301756ec7b9b53e.png
[SouthEast 1]: /images/20210724/928990bafdff4341a9670999745d03d3.png