您的位置:首页 > Web前端 > JavaScript

JavaScript数组及其常用方法(push、pop、shift···)

2017-08-02 10:47 821 查看





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(): 删除数组内任意项 ;在指定位置插入指定的项;替换数组内任意的项。






实例:
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);


数组的方法还有好多,就不一一列举了,主要掌握常用的方法就行了,其他的不知道的可以上菜鸟网查,很方便的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: