实例讲解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 相关文章推荐
jquery 1.4.2发布!主要是性能与API
Feb 25 Javascript
基于jQuery的弹出框插件
Mar 18 Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
Angular使用$http.jsonp发送跨站请求的方法
Mar 16 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
May 11 Javascript
浅谈express 中间件机制及实现原理
Aug 31 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
原生JS利用transform实现banner的无限滚动示例代码
Jun 15 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 Javascript
前端学习——JavaScript原生实现购物车案例
Mar 31 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
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
一步一步学习PHP(8) php 数组
2010/03/05 PHP
PHP中使用gettext解决国际化问题的例子(i18n)
2014/06/13 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
个人总结的一些关于String、Function、Array的属性和用法
2007/01/10 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
Node.js编码规范
2014/07/14 Javascript
JQuery控制DIV的选取实现方法
2016/09/18 Javascript
node.js的事件机制
2017/02/08 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
微信小程序实现图片放大预览功能
2020/10/22 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
Python字符串和文件操作常用函数分析
2015/04/08 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
用Python抢火车票的简单小程序实现解析
2019/08/14 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
Python OpenCV去除字母后面的杂线操作
2020/07/05 Python
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
英国天然宝石首饰购买网站:Gemondo Jewellery
2018/10/23 全球购物
淘宝店铺营销方案
2014/02/13 职场文书
副处级干部考察材料
2014/05/17 职场文书
整改落实情况汇报材料
2014/10/29 职场文书
面试感谢信范文
2015/01/22 职场文书
python实现socket简单通信的示例代码
2021/04/13 Python