JavaScript数组shift与unshift方法

最新推荐文章于 2023-07-05 17:49:49 发布
最新推荐文章于 2023-07-05 17:49:49 发布
阅读量560 收藏 1
点赞数
分类专栏： JavaScript&Ajax 文章标签： JavaScript PHP XHTML CSS HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HoldBelief/article/details/83327243
版权

    数组对象的unshift与shift方法分别在数组的头部添加和删除一个元素，与push与pop方法的功能基本一样，只不过作用在数组的头部，而非尾部。因此，unshift方法有一个参数，即要添加到数组头部的元素，而shift方法则没有参数，而是返回从数组头部删除的元素。见下面的JS代码：

JavaScript代码

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
     var arr = ["HTML","CSS","JavaScript","DOM"];
     var arr2 =  [1,2,3,4];
	 
	 function testShift()
	 {
	 	var shifted = arr2.shift();
		alert(shifted);
	 }
	 
	 function testUnshift()
	 {
	 	arr.unshift("PHP");
		alert(arr.join());
	 }
</script>
</head>
<body>
<input type="button" value="testShift" οnclick="testShift();"/>
<input type="button" value="testUnshift" οnclick="testUnshift();"/>
</body>
</html>

 

点击 ”testUnshift“ 按钮可以看到“arr.unshift("PHP");”一句之后，arr数组的元素增加了一个，正是我们unshift进去的PHP。 可以观察到，与pop在数组尾部插入元素不同，unshift加入的元素排在第一个。下面再来看一看点击 ”testShift“按钮 对arr2的影响，arr2有什么 变化。可见，arr2已经从1,2,3,4变为2,3,4。因为原来的第一个元素"1"，被shift了出去。同样，我们使用了shifted变量存储了shift的返回值。

HoldBelief
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js数组shift()方法
qq_46582421的博客
11-17 460
删除数组的第一个元素: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var arr = ["康熙","雍正"]; var a = arr.shift(); console.log(arr); </script> <
JS的unshift()和shift()
m0_62387059的博客
06-23 1389
unshift() -向数组开头添加一个或多个元素，并返回新的数组长度-向前边插入元素以后，其他的元素索引会依次调整与push（）大同小异，可以参考push（）的文章；shift() -可以删除数组的第一个元素，并将被册除的元素作为返回值返回...
JS数组方法总结shift()、unshift()、pop()、push()、concat()、splice()、filter()、map()、some()、every()、forEach()等方法
q874724218的博客
03-28 2144
JS数组方法总结虽然经常使用JS数组的方法，但重来没有真正的全部总结过，这次把编程过程中我常见的数组方法列出来。 shift、 测试数组var array = new Array(1,2,3,4,5,6,7,8,9,10); var nullarray = new Array();//空数组1.shift() 删除原数组第一项，并返回删除元素的值，如果数组为空则返回undefined。该方法会
两个简单方法--shift()和unshift();
苦艾酒
11-04 1万+
前端入门
JavaScript shift() 方法
hellochenlu的博客
09-26 1056
定义和用法 shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。 语法 arrayObject.shift() 返回值 数组原来的第一个元素的值。 说明 如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。 提示和注释 注释：该方法会改变数组的长度
JS数组push、unshift、pop、shift方法的实现与使用方法示例
10-15
`push`、`unshift`、`pop`和`shift`是四个重要的数组方法，分别用于在数组的尾部和头部进行添加和删除元素的操作。 1. **push()方法**： `push()`方法用于在数组的末尾添加一个或多个元素，并返回更新后的数组长度...
JavaScript数组函数unshift、shift、pop、push使用实例
10-25
主要介绍了JavaScript数组函数unshift、shift、pop、push使用实例,本文先是讲解了声明数组的方法,然后对4个函数使用给出了一些例子,需要的朋友可以参考下
javascript数组使用调用方法汇总
10-30
JavaScript 数组提供了多种方法来添加元素，包括 `push`、`unshift`、`splice` 等。 * `push` 方法：将一个或多个元素添加到数组的末尾，并返回数组的新长度。 例如：`var a = [1, 2, 3]; a.push(4, 5); // a: [1,...
JS数组方法shift()、unshift()用法实例分析
10-15
`shift()`和`unshift()`是两个重要的数组方法，它们分别用于处理数组的头部元素。 `shift()`方法： 1. **定义**：`shift()`方法从数组的开头移除第一个元素，并返回被移除的元素的值。这个操作会改变数组的长度。 2...
JS数组中shift()和push(),unshift()和pop()使用方法
hongchen_lian的博客
01-08 452
JS数组中shift()和push(),unshift()和pop()使用方法 JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作。这也是JavaScript数组强大的可操作性的体现。 Javascript为数组专门提供了push和pop()方法，以便实现类似栈的行为。来看下面的例子： va...
数组方法的增删等19种操作：unshift 、shift，push、pop、splice等等...！
m0_73951244的博客
10-17 3163
数组方法的全集操作：unshift 、shift、push、pop、splice！等等
js 数组的 shift、 pop、 unshift、 push 方法
Ray_Huang
09-02 399
今天在使用数组的一些操作方法时，感到有点迷糊，重新复习一下 Array.shift方法 是获取数组的第一个元素,并使其从数组删去 var a = [1,2,3,4,5,6] var b = a.shift(); console.log(a); // 输出 [2, 3, 4, 5, 6] console.log(b); // 输出 1 Array.unshift方法 是获取数组的最后一...
JS数组常用的方法shift,unshift,splice,split,slice
qq_44742090的博客
08-11 8314
JS数组常用的方法 1.push push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 2.pop pop() 方法用于删除并返回数组的最后一个元素。 3.shift shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。 4.unshift unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 5.sort sort() 方法用于对数组的元素进行排序。 6.revere reverse() 方法用于颠倒数组中元素的顺序。 1到6代码演示
原生JS中unshift与shift
weixin_30955341的博客
04-21 219
shift() 方法：shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值；用法：arrayObject.shift()如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。 unshift() 方法：unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。用法：arrayObject.unshift()该方法的第一个参...
unshift() 与shift() 方法
热门推荐
wandoumm的博客
04-27 2万+
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。&lt;script type="text/javascript"&gt; var arr = new Array() arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "&lt;br /&gt;") do
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map
最新发布
李十三的博客
07-05 1万+
push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map、every、some、forEach、reduce、includes、findIndex、form伪数组转换成真数组、split('分隔符') 、字符串截取的方法 slice() substring() substr()-详细对比
js中unshift()方法
OneNewBie的博客
11-30 2150
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 arr.unshift(""); console.log(arr);
javascript数组（array）的常用方法（shift/unshift/pop/push/concat/splice/reverse/sort/slice/join）
xiaoxiaoshuai__的博客
09-04 1641
数组array今天简单的介绍一下array对象的常用方法（shift/unshift/pop/push/concat/splice/reverse/sort/slice/join）在这就不多说直接撸代码1.获取数组的长度 length2.删除数组的第一个元素 shift3.删除数组的最后一个元素 pop4.删除或替换数组中的值,返回删除的值 splice 5. 在数组前添加元素,返回数组长度 un...
JavaScript原型对象及数组Array简介和数组的方法push()、pop()、unshit()、shit()
Yueqin0512的博客
08-15 1043
原型 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象，这个对象就是我们所谓的原型对象。 如果函数作为普通函数调用prototype没有任何作用，当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过__proto__（两个下划线）来访问该属性。 原型对象就相当于一个公共区域，所以同一个类型的实例都可访问这个原型对象，我们可以将对象中共有的内容，同一设置到原型对象中。 当我们访问对象的一个属性或方法时，他会先
JavaScript 数组API与对象方法实战解析
本文主要探讨了JavaScript中的对象方法，特别是数组API，同时也涵盖了DOM操作、日期函数、字符串函数、数学函数和浏览器特性函数等多个方面。以下是对这些知识点的详细说明： 1. **数组API** - `push`: 向数组末尾...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值