实例讲解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 相关文章推荐
Javascript小技巧之生成html元素
May 15 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
js实现可旋转的立方体模型
Oct 16 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
AngularJS实现进度条功能示例
Jul 05 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
Bootstrap Table实现定时刷新数据的方法
Aug 13 Javascript
vue  directive定义全局和局部指令及指令简写
Nov 20 Javascript
Vue SSR 即时编译技术的实现
May 06 Javascript
原生JS实现京东查看商品点击放大
Dec 21 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
PHP开发负载均衡指南
2010/07/17 PHP
深入理解php的MySQL连接类
2013/06/07 PHP
理解PHP中的stdClass类
2014/04/18 PHP
php弹出提示框的是实例写法
2019/09/26 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
jquery密码强度校验
2015/12/02 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
vue组件name的作用小结
2018/05/23 Javascript
微信小程序实现自定义modal弹窗封装的方法
2018/06/15 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
Python 3.8 新功能全解
2019/07/25 Python
Python3多线程版TCP端口扫描器
2019/08/31 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
Html5 localStorage入门教程
2018/04/26 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
简历中个人自我评价范文
2013/12/26 职场文书
职业生涯规划书的格式
2013/12/29 职场文书
大学生实习证明范本
2014/01/15 职场文书
重阳节登山活动方案
2014/02/03 职场文书
商业项目策划方案
2014/06/05 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android
使用Java去实现超市会员管理系统
2022/03/18 Java/Android