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


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);

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

废柴前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值