实例讲解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和jquery判断浏览器版本等信息
Jul 04 Javascript
javascript特殊用法示例介绍
Nov 29 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 Javascript
Node.js模块加载详解
Aug 16 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
通过js动态创建标签,并设置属性方法
Feb 24 Javascript
浅谈如何使用webpack构建多页面应用
May 30 Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
Vue extend的基本用法(实例详解)
Dec 09 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
3
2006/10/09 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
深入研究PHP中的preg_replace和代码执行
2018/08/15 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
JS 建立对象的方法
2007/04/21 Javascript
js loading加载效果实现代码
2009/11/24 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
2012/12/25 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
vue filters的使用详解
2018/06/11 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
vue浏览器返回监听的具体步骤
2021/02/03 Vue.js
[04:00]DOTA2解说界神雕侠侣 CJ第四天谷子现场过生日
2013/07/30 DOTA
python实现TCP服务器端与客户端的方法详解
2015/04/30 Python
详解Python的Django框架中的templates设置
2015/05/11 Python
python paramiko模块学习分享
2017/08/23 Python
Sublime开发python程序的示例代码
2018/01/24 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
Python matplotlib画曲线例题解析
2020/02/07 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
美国网上花店:JustFlowers
2017/02/12 全球购物
渗透攻击的测试步骤
2014/06/07 面试题
班级德育工作实施方案
2014/02/21 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书
Python 把两层列表展开平铺成一层(5种实现方式)
2021/04/07 Python
原生JS中应该禁止出现的写法
2021/05/05 Javascript
《勇者辞职不干了》上卷BD发售宣传CM公开
2022/04/08 日漫