数组方法push()、pop()、unshift()、shift()、和splice、concat合并、reverse顺序倒排方法使用

本文详细介绍了JavaScript中操作数组的多种方法,包括push、pop、unshift、shift、splice等单个或组合使用来修改数组的方法,同时介绍了concat方法用于数组连接及reverse方法用于颠倒数组元素顺序的使用技巧。

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

js操作数组的11个方法(详解)_小柠檬爱编程-CSDN博客_js改变数组长度的方法有哪些

push()、pop()、unshift()、shift()、和splice 

<script type="text/javascript">
得到的是添加或者去除的那个数据(单个 操作数组)
	/*var arr = [1,2,3];
	//arr.push(6);//往数组最后一位加内容
    //arr.pop();//ss、sdf、xy、 去掉数组最后一位。
    //arr.shift();//去除数组第一位
    //arr.unshift(0);//往数组第一位加内容 IE6/7不支持

	//var arr=['我','爱','你','xy'];
	//arr.unshift(arr.pop());//xy 我爱你
	//arr.unshift(arr.pop());//你 xy 我 爱

	//arr.push(arr.shift());//爱 你 xy 我

	var arr = ['1','2','3','4'];
	// splice 可以对数组进行 删除、替换、添加
    // 得到的是去除以后的部分(操作数组、且改变了原数组)
	//删除
	//arr.splice(1,2);//从第几位开始 去除几个。
	//alert(arr);//1、4
    //arr.splice(index,1);//每次点击去除数组的下标为index的项。

	//替换、
	//arr.splice(1,1,'5');//1,5,3,4  从第一位开始除去一位 用5替换
	//arr.splice(0,2,'5','6');//5,6,3,4
	//alert(arr);

	//添加
	//arr.splice(4,0,'5');//1,2,3,4,5  从0开始把5加到第四位也就是最后一位
	arr.splice(3,0,'5');//1,2,3,5,4
	alert(arr);
	//第二位大于0便是替换(括号里面两位) 删除(括号里面三位) 添加(括号里面三位)但是第二位为0.
</script>

concat方法、reverse方法 

  <script type="text/javascript">
  //concat() 方法用于连接两个或多个数组。
  //该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
  //concat方法连接a、b两个数组后,a、b两个数组的数据不变,同时会返回一个新的数组。
  /*
  var arr1 =[1,2,3];
  var arr2 =[4,5,6];
  var arr3 =[7,8,9,1,2,3];
  let newarr = arr1.concat(arr2,arr3);
  console.log(newarr);//[1,2,3,4,5,6,7,8,9] arr1数组合并arr2 arr3数组*/
  console.log(arr1)//[1,2,3] */
 
  var a = [1,2,3];
  document.write(a.concat(4,5));//1,2,3,4,5
  document.write(a.concat('a'));//1,2,3,a
 
  颠倒数组元素顺序reverse()
  reverse() 方法用于颠倒数组中元素的顺序。
  语法:
  arrayObject.reverse()
  注意:该方法会改变原来的数组,而不会创建新的数组。
  var arr4 =[1,2,3];
  arr4.reverse();
  alert(arr4);//3,2,1  与当前数组顺序颠倒
 
  var arr4 = [1,2,3]
  var arr5 = 'abcdef';
  var arr6 = arr5.split('');//['a','b','c','d','e','f']
  var arr7 = arr6.reverse();//['f','e','d','c','b','a']
  var arr8 = arr7.concat(arr4);//['f','e','d','c','b','a',1,2,3]
  var arr9 = arr8.join();//fedcba123
  console.log(typeof arr9);//String
 
  </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

林中明月间。

分享共赢。

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

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

打赏作者

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

抵扣说明:

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

余额充值