数组的一些常用方法

本文详细介绍了JavaScript数组的各种操作方法,如push、pop、shift、unshift、slice、splice、reverse、sort、join、concat和indexOf,涵盖了数组的增删改查及排序、连接等功能,帮助读者掌握高效数组操作技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

把自己常用的一些数组方法整理了下

push方法用于在数组的末端添加一个或多个元素,并返回添加新元素后的数组长度。
注:该方法会改变原数组
pop方法用于删除数组的最后一个元素,并返回该元素
注:该方法会改变原数组
对空数组使用pop方法,不会报错,而是返回underfined
补充:
push和pop结合使用,就构成了“后进先出”的栈结构(stack)

	var arr = [];
	arr.push(1,2);
	arr.push(3); //1,2,3
	arr.pop();
	arr //[1,2]

shift方法用于删除数组的第一个元素,并返回该元素
注:该方法会改变原数组
unshift方法用于在数组的第一个位置添加元素,并返回添加新元素后的数组长度
注:该方法会改变原数组
补充:
push和shift结合使用,就构成了“先进先出”的队列结构(queue)

slice方法用于提取目标数组的一部分,返回一个新数组,原数组不变
他的第一个参数为起始位置(从0开始),第二个参数为终止位置(但该位置的元素本身不包括在内)。如果省略第二个参数,则一直返回原数组的最后一个成员。

	var a = ['a','b','c'];
	a.slice(0);	//["a","b","c"]
	a.slice(1);	//["b","c"]
	a.slice(1,2);	//["b"]
	a.slice(2,5);	//["c"]
	a.slice();	//["a","b","c"]
	//最后一个例子slice没有参数,实际上等于返回原数组的拷贝

如果slice方法的参数是负值,则表示倒数计算的位置

	var a = ['a','b','c'];
	a.slice(-2);	//["b","c"]
	a.slice(-2,-1);	//["b"]

如果第一个参数大于等于数组长度,或者第二个参数小于第一个参数,则返回空数组

	var a = ['a','b','c'];
	a.slice(4);	//[]
	a.slice(2,1);	//[]

splice方法用于删除原数组一部分成员,并可以在删除的位置添加新的数组成员,返回值是被删除的元素
注:该方法会改变原数组
splice的第一个参数是删除的起始位置(从0开始),第二个参数是被删除的元素个数,如果后面还有更多的参数,则表示这些就是要被插入数组的新元素

	var a = ['a', 'b', 'c', 'd', 'e', 'f'];
      a.splice(4, 2); //["e","f"]
      a;	//["a","b","c","d"]
      //上面代码从原数组4号位置,删除两个数组成员

	var a = ['a', 'b', 'c', 'd', 'e', 'f'];
      a.splice(4, 2, 1, 2); //["e","f"]
      a; //["a","b","c","d",1,2]
      //上面代码除了删除成员,还插入两个新成员

起始位置如果是负数,就表示从倒数位置开始删除
如果只是单纯的插入元素,splice方法的第二个参数可以设为0
如果只提供第一个参数,等同于将原数组在指定位置拆分成两个数组

	var a = [1, 2, 3, 4];
      a.splice(2); //[3,4]
      a; //[1,2]

reverse方法用于颠倒排列数组元素,返回改变后的数组(还是原数组)
注:该方法会改变原数组

	var a = ['a', 'b', 'c'];
      a.reverse(); //["c","b","a"]
      a; //["c","b","a"]

sort方法对数组成员进行排序,默认是按照字典顺序排序。排序后,原数组将被改变

		['d', 'c', 'b', 'a'].sort() //["a","b","c","d"]
        [(4, 3, 2, 1)].sort(); //[1,2,3,4]
        [11,101].sort(); //[101,11]
        [10111,1101,111].sort();//[10111,1101,111]

注:sort方法不是按照大小排序,而是按照字典顺序。数值会被先转化成字符串,再按照字典顺序进行比较
可以传入一个函数作为参考来让sort方法按照自定义方式排序

		[10111, 1101, 111].sort(function(a, b) {
        	return a - b;
     	 });
      //[111,1101,10111]
      //上面代码中,sort的参数函数本身接受两个参数,表示进行比较的两个数组成员。如果该函数的
      返回值大于0,表示第一个成员排在第二个成员后面。其他情况下都是第一个排在第二个后面

join方法以指定参数作为分隔符,将所有数组成员连接为一个字符串返回。如果不提供参数,默认用逗号分割

	var a= [1,2,3,4]
      	a.join('')//'1 2 3 4'
      	a.join('|')//"1|2|3|4"
      	a.join()//"1,2,3,4"
      	//如果数组成员是undefined或null或空位,会被转成空字符串

      	[undefined,null].join('#')
      	//'#'

      	['a',,'b'].join('-')
      	//'a--b'

concat 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。在没有给 concat方法传递参数的情况下,它只是复制当前数组并返回副本。

	var a=[1,2,3,4];
	var b=[11,12,13] 
	a.concat()// [1, 2, 3, 4] 
	a.concat(b)// [1, 2, 3, 4, 11, 12, 13]

indexOf方法返回获取项在数组中的索引
forEach 循环遍历数组 参数是一个匿名函数 默认返回为undefined

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值