实例讲解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中的面向对象介绍
Jun 30 Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
详解Angular Reactive Form 表单验证
Jul 06 Javascript
详解vue组件开发脚手架
Jun 15 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
利用JavaScript模拟京东按键输入功能
Dec 01 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取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
PHP SOCKET编程详解
2015/05/22 PHP
php curl常用的5个经典例子
2017/01/20 PHP
PHP获取数组中单列值的方法
2017/06/10 PHP
Yii2框架实现登陆添加验证码功能示例
2018/07/12 PHP
javascript两段代码,两个小技巧
2010/02/04 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
微信小程序商品详情页规格属性选择示例代码
2017/10/30 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
基于input动态模糊查询的实现方法
2017/12/12 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
django定期执行任务(实例讲解)
2017/11/03 Python
python pygame实现球球大作战
2019/11/25 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
python简单实现9宫格图片实例
2020/09/03 Python
Pytorch1.5.1版本安装的方法步骤
2020/12/31 Python
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
计算机应用专业学生的自我评价分享
2013/11/03 职场文书
简单的大学生自我鉴定
2014/02/18 职场文书
结婚周年感言
2014/02/24 职场文书
房地产促销活动方案
2014/03/01 职场文书
干部作风建设年活动剖析材料
2014/10/23 职场文书
2014年银行柜员工作总结
2014/11/12 职场文书
销售口号霸气押韵
2015/12/24 职场文书
Java基础——Map集合
2022/04/01 Java/Android