实例讲解JS中pop使用方法


Posted in Javascript onJanuary 27, 2019

pop() 定义和用法

pop() 方法用于删除并返回数组的最后一个元素。

语法

arrayObject.pop()

返回值

arrayObject 的最后一个元素。

说明

pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

实例

在本例中,我们将创建一个数组,然后删除数组的最后一个元素。请注意,这也会改变数组的程度:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr)
document.write("<br />")
document.write(arr.pop())
document.write("<br />")
document.write(arr)
</script>

输出:

George,John,Thomas
Thomas
George,John

我们首先来看一下pop方法的基本语法

array.pop();

接着我们来看pop方法使用的具体示例

代码如下

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title></title>
</head>
<body>
<script type="text/javascript">
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
document.write(scripts.join(" <br> "));
document.write("<br>--使用pop()方法后的结果--<br>");
scripts.pop();
document.write(scripts.join(" <br> "));
</script>
</body>
</html>

浏览器上显示效果如下

实例讲解JS中pop使用方法

最后三水点靠木小编再分享一行代码,获取当前页面的id

例如:

https://3water.com/article/888.htm

有时候我们需要将888这个id提取出来,那么就可以这么写

window.location.pathname.split("/").pop().split(".")[0]

针对页面不需要再生成页面,直接获取,方便吧。

Javascript 相关文章推荐
Div Select挡住的解决办法
Aug 07 Javascript
简单的js分页脚本
May 21 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
Jun 24 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
自定义百度分享的分享按钮
Mar 18 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
Nov 04 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
Apr 25 Javascript
js实现会跳动的日历效果(完整实例)
Oct 18 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
Vue异步组件处理路由组件加载状态的解决方案
Sep 07 Javascript
js+canvas实现转盘效果(两个版本)
Sep 13 Javascript
Vue.js实现的购物车功能详解
Jan 27 #Javascript
JS温故而知新之变量提升和时间死区
Jan 27 #Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 #Javascript
命令行批量截图Node脚本示例代码
Jan 25 #Javascript
Node.js 进程平滑离场剖析小结
Jan 24 #Javascript
Vue.js样式动态绑定实现小结
Jan 24 #Javascript
实例讲解JavaScript预编译流程
Jan 24 #Javascript
You might like
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
2016/12/06 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
vue 项目地址去掉 #的方法
2018/10/20 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
JS实现炫酷雪花飘落效果
2020/08/19 Javascript
vue实现选中效果
2020/10/07 Javascript
零基础写python爬虫之抓取百度贴吧代码分享
2014/11/06 Python
在Django中创建第一个静态视图
2015/07/15 Python
实例讲解Python中函数的调用与定义
2016/03/14 Python
python批量替换多文件字符串问题详解
2018/04/22 Python
python和shell监控linux服务器的详细代码
2018/06/22 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
教师竞聘上岗演讲稿
2014/09/03 职场文书
学校组织向国旗敬礼活动方案(中小学适用)
2014/09/27 职场文书
党支部四风整改方案
2014/10/25 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
会计岗位工作总结
2015/08/12 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
Feign调用传输文件异常的解决
2021/06/24 Java/Android