实例讲解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模仿msgbox提示效果代码
Jun 10 Javascript
javascript代码编写需要注意的7个小细节小结
Sep 21 Javascript
使用JavaScript实现连续滚动字幕效果的方法
Jul 07 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
深入浅析JavaScript中的3DES
Aug 24 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
Dec 08 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
vue组件命名和props命名代码详解
Sep 01 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
四月新番又没了,《Re:从零开始的异世界生活》第二季延期至7月播出
2020/05/06 日漫
PHP 编写大型网站问题集
2010/05/07 PHP
PHP中使用curl入门教程
2015/07/02 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
php中mkdir()函数的权限问题分析
2016/09/24 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
利用JQuery和JS实现奇偶行背景颜色自定义效果
2012/11/19 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
2017/07/03 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
Node.js创建一个Express服务的方法详解
2020/01/06 Javascript
[05:00]TI9战队采访 - Royal Never Give Up
2019/08/20 DOTA
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中取整的几种方法小结
2017/01/06 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作
2018/04/20 Python
详解如何用django实现redirect的几种方法总结
2018/11/22 Python
python中列表的切片与修改知识点总结
2019/07/23 Python
基于tensorflow __init__、build 和call的使用小结
2021/02/26 Python
课程设计心得体会
2013/12/28 职场文书
大学生水果店创业计划书
2014/01/28 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
2016年感恩节寄语
2015/12/07 职场文书
学法用法心得体会(2016推荐篇)
2016/01/21 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书
实习报告范文
2019/07/30 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python
vue项目支付功能代码详解
2022/02/18 Vue.js