实例讲解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用户自定义类的类名称的代码
Mar 08 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
js 获取本地文件及目录的方法(推荐)
Nov 10 Javascript
Bootstrap 轮播(Carousel)插件
Dec 26 Javascript
JS组件系列之JS组件封装过程详解
Apr 28 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
如何理解Vue的.sync修饰符的使用
Aug 17 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
微信小程序全局变量改变监听的实现方法
Jul 15 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
zf框架的Filter过滤器使用示例
2014/03/13 PHP
php通过分类列表产生分类树数组的方法
2015/04/20 PHP
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
JQuery仿小米手机抢购页面倒计时效果
2014/12/16 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
jQuery中animate动画第二次点击事件没反应
2015/05/07 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
2015/10/16 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
详解Angular4中路由Router类的跳转navigate
2017/06/09 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
Webpack4 使用Babel处理ES6语法的方法示例
2019/03/07 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
python实现得到一个给定类的虚函数
2014/09/28 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
Python 专题一 函数的基础知识
2017/03/16 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
python让列表倒序输出的实例
2018/06/25 Python
python opencv调用笔记本摄像头
2019/08/28 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
吸烟检讨书2000字
2014/02/13 职场文书
酒店开业策划方案
2014/06/02 职场文书
研究生导师评语
2014/12/31 职场文书
个性发展自我评价2015
2015/03/09 职场文书
教师创先争优承诺书
2015/04/27 职场文书
确保工程质量承诺书
2015/04/29 职场文书
工程款申请报告
2015/05/15 职场文书
大国崛起日本观后感
2015/06/02 职场文书
祝酒词范文
2015/08/12 职场文书
Nginx开源可视化配置工具NginxConfig使用教程
2022/06/21 Servers