实例讲解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 应用技巧集合[推荐]
Aug 30 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
jquery插件制作 自增长输入框实现代码
Aug 17 jQuery
jQuery页面刷新(局部、全部)问题分析
Jan 09 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
May 20 Javascript
jQuery判断是否存在滚动条的简单方法
Sep 17 Javascript
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
JS如何实现手机端输入验证码效果
May 13 Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 Javascript
Vue中nprogress页面加载进度条的方法实现
Nov 13 Javascript
js实现验证码干扰(静态)
Feb 22 Javascript
JavaScript数组 几个常用方法总结
Nov 11 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
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
javascript实现的一个带下拉框功能的文本框
2014/05/08 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
2019/05/23 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
2020/01/08 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
2020/02/11 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
js 解析 JSON 数据简单示例
2020/04/21 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
Sanic框架流式传输操作示例
2018/07/18 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
请解释流与文件有什么不同
2016/07/29 面试题
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
暑期培训随笔感言
2014/03/10 职场文书
电子商务系毕业生自荐信
2014/05/29 职场文书
爬山的活动方案
2014/08/16 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
高中军训感想
2015/08/07 职场文书
2016银行招聘自荐信
2016/01/28 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书