实例讲解JS中pop使用方法

 更新时间:2019年01月27日 08:43:08   投稿:laozhang  
在本篇文章里我们给大家分享了关于JS中pop使用方法的实例内容,有兴趣的朋友们学习下。

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>

浏览器上显示效果如下

最后脚本之家小编再分享一行代码,获取当前页面的id

例如:

https://www.jb51.net/article/888.htm

有时候我们需要将888这个id提取出来,那么就可以这么写

window.location.pathname.split("/").pop().split(".")[0]

针对页面不需要再生成页面,直接获取,方便吧。

相关文章

  • javascript获取四位数字或者字母的随机数

    javascript获取四位数字或者字母的随机数

    这篇文章主要介绍了javascript获取四位数字或者字母的随机数,需要的朋友可以参考下
    2015-01-01
  • JavaScript判断是否为数组的3种方法及效率比较

    JavaScript判断是否为数组的3种方法及效率比较

    这篇文章主要介绍了JavaScript判断是否为数组的3种方法及效率比较,本文直接给出运行效果和实现代码,需要的朋友可以参考下
    2015-04-04
  • JS实现网页自动刷新脚本的方法

    JS实现网页自动刷新脚本的方法

    要自动刷新网页,你可以使用JavaScript脚本来实现,下面这篇文章主要给大家介绍了关于JS实现网页自动刷新脚本的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • JS中FRAME的操作问题实例分析

    JS中FRAME的操作问题实例分析

    这篇文章主要介绍了JS中FRAME的操作问题实例分析,详细讲述了js针对frame框架操作中的各种访问问题,需要的朋友可以参考下
    2014-10-10
  • JS新包管理工具yarn和npm的对比与使用入门

    JS新包管理工具yarn和npm的对比与使用入门

    在2016年10月11日facebook 公开了新的javascript包管理工具 yarn, 用来替代目前被广泛使用的npm(nodejs 自带的包管理工具),本文将介绍yarn工具带来的优点和使用入门,以及对比npm解决了什么问题,带来哪些便利。有需要的朋友们下面来一起看看吧。
    2016-12-12
  • moment.js 时间日期处理详解

    moment.js 时间日期处理详解

    这篇文章主要介绍了moment.js 时间日期处理详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • 微信小程序开发自定义tabBar实战案例(定制消息99+小红心)

    微信小程序开发自定义tabBar实战案例(定制消息99+小红心)

    一定的需求情况下无法使用小程序原生的tabbar的时候,需要自行实现一个和tabbar功能一模一样的自制组件,下面这篇文章主要给大家介绍了关于微信小程序开发自定义tabBar(定制消息99+小红心)的相关资料,需要的朋友可以参考下
    2022-12-12
  • 解决微信授权成功后点击按返回键出现空白页和报错的问题

    解决微信授权成功后点击按返回键出现空白页和报错的问题

    这篇文章主要介绍了解决微信授权成功后点击按返回键出现空白页和报错的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • JavaScript数组的栈方法与队列方法详解

    JavaScript数组的栈方法与队列方法详解

    这篇文章主要介绍了JavaScript数组的栈方法与队列方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • 简单了解Javscript中兄弟ifream的方法调用

    简单了解Javscript中兄弟ifream的方法调用

    这篇文章主要介绍了简单了解Javscript中兄弟ifream的方法调用文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,,需要的朋友可以参考下
    2019-06-06

最新评论