实例讲解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 相关文章推荐
JS Range HTML文档/文字内容选中、库及应用介绍
May 12 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
AngularJS 教程及实例代码
Oct 23 Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
微信小程序开发之转发分享功能
Oct 22 Javascript
Node.js控制台彩色输出的方法与原理实例详解
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使用imagick扩展实现合并图像的方法
2017/04/25 PHP
javascript 特殊字符串
2009/02/25 Javascript
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
XMLHttpRequest处理xml格式的返回数据(示例代码)
2013/11/21 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
JavaScript设计模式之单例模式简单实例教程
2018/07/02 Javascript
使用JavaScript破解web
2018/09/28 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
vue实现图片上传功能
2020/05/28 Javascript
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
Python 抓取动态网页内容方案详解
2014/12/25 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
Python一句代码实现找出所有水仙花数的方法
2018/11/13 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
意大利团购网站:Groupon意大利
2016/10/11 全球购物
美国网上眼镜商城:Zenni Optical
2016/11/20 全球购物
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
卫校护理专业毕业生求职信
2013/11/26 职场文书
打架检讨书500字
2014/01/29 职场文书
安全先进班组材料
2014/12/26 职场文书
财务出纳岗位职责
2015/03/31 职场文书
圆明园观后感
2015/06/03 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
java多态注意项小结
2021/10/16 Java/Android
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python