实例讲解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 相关文章推荐
创建一个复制UBB软件信息的链接或按钮的js代码
Jan 06 Javascript
treepanel动态加载数据实现代码
Dec 15 Javascript
jQuery实现div浮动层跟随页面滚动效果
Feb 11 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
AngularJs IE Compatibility 兼容老版本IE
Sep 01 Javascript
Vue如何引入远程JS文件
Apr 20 Javascript
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 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 fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
php.ini 配置文件的深入解析
2013/06/17 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
自己的js工具_Form 封装
2009/08/21 Javascript
JS 参数传递的实际应用代码分析
2009/09/13 Javascript
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
js DOM模型操作
2009/12/28 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
2013/06/03 Javascript
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
2016/06/22 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
详解Vue中状态管理Vuex
2017/05/11 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
2020/04/07 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
python复制文件代码实现
2013/12/23 Python
DJANGO-ALLAUTH社交用户系统的安装配置
2014/11/18 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python设置Socket代理及实现远程摄像头控制的例子
2015/11/13 Python
Python的自动化部署模块Fabric的安装及使用指南
2016/01/19 Python
python中快速进行多个字符替换的方法小结
2016/12/15 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
丝芙兰巴西官方商城:SEPHORA巴西
2016/10/31 全球购物
财务分析个人的自荐书范文
2013/11/24 职场文书
2016春节放假通知范文
2015/08/18 职场文书
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技