实例讲解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 相关文章推荐
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
js 如何实现对数据库的增删改查
Nov 23 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
JavaScript常用字符串与数组扩展函数小结
Apr 24 Javascript
JS表单传值和URL编码转换
Mar 03 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
javascript显示动态时间的方法汇总
Jul 06 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
JS开发常用工具函数(小结)
Jul 04 Javascript
微信小程序实现时间进度条功能
Nov 17 Javascript
vue中jsonp插件的使用方法示例
Sep 10 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
建立文件交换功能的脚本(一)
2006/10/09 PHP
六酷社区论坛HOME页清新格调免费版 下载
2007/03/07 PHP
PHP实现域名whois查询的代码(数据源万网、新网)
2010/02/22 PHP
php自定义函数call_user_func和call_user_func_array详解
2011/07/14 PHP
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
java解析json方法总结
2019/05/16 PHP
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
详解小程序rich-text对富文本支持方案
2018/11/28 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
Vue使用Three.js加载glTF模型的方法详解
2020/06/14 Javascript
JS removeAttribute()方法实现删除元素的某个属性
2021/01/11 Javascript
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
环境工程专业自荐信范文
2014/03/18 职场文书
公司搬迁通知
2015/04/20 职场文书
老公出轨后的保证书
2015/05/08 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python