JavaScript使用shift方法移除素组第一个元素实例分析

本文实例讲述了JavaScript使用shift方法移除素组第一个元素的用法。分享给大家供大家参考。具体如下：

JS中我们可以通过pop方法移除数组的最后一个元素，可以通过shift方法移除数组的第一个元素

<!DOCTYPE html>
<html>
<body>
<p id="demo">
Click the button to remove the first
element of the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
var fruits = ["Banana","Orange","Apple","Mango"];
function myFunction()
{
fruits.shift();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>

上面的代码输出如下结果

Orange,Apple,Mango

希望本文所述对大家的javascript程序设计有所帮助。

赞 (0)

相关推荐

  • 屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码

    //屏蔽鼠标右键.Ctrl+n.shift+F10.F5刷新.退格键  function KeyDown(){  if ((window.event.altKey)&&  ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←  (window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 →  alert("不准你使用ALT+方向键前进或后退网页!");  event.returnValue=false; 

  • 详解JavaScript中shift()方法的使用

    JavaScript数组shift()方法删除数组中的第一个元素,并返回该元素. 语法 array.shift(); 下面是参数的详细信息: NA 返回值: 返回数组中删除单个值. 例子: <html> <head> <title>JavaScript Array shift Method</title> </head> <body> <script type="text/javascript"> va

  • JavaScript数组函数unshift、shift、pop、push使用实例

    如何声明数组 s中数组的声明可以有几种方式声明 复制代码 代码如下: var tmp = [];  // 简写模式 var tmp = new Array(); // 直接new一个 var tmp = Array();  // 或者new也可以 在new数组的时候可以传入一个参数,表示数组的初始化长度 复制代码 代码如下: // new的时候传入一个参数表示初始化数组长度 var tmp = new Array(3);   alert(tmp.length);  // 3 但如果你想创建一个只

  • JavaScript使用shift方法移除素组第一个元素实例分析

    本文实例讲述了JavaScript使用shift方法移除素组第一个元素的用法.分享给大家供大家参考.具体如下: JS中我们可以通过pop方法移除数组的最后一个元素,可以通过shift方法移除数组的第一个元素 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to remove the first element of the array.</p> <

  • JavaScript使用pop方法移除数组最后一个元素用法实例

    本文实例讲述了JavaScript使用pop方法移除数组最后一个元素的用法.分享给大家供大家参考.具体如下: 下面的代码演示了JS数组的pop方法,可以用来移除数组的最后一个元素,实际上就是把数组当成堆栈使用 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to remove the last array element. </p> <button

  • javascript操作select元素实例分析

    本文实例讲述了javascript操作select元素的用法.分享给大家供大家参考.具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮. 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重新恢复它们. 当按下submit时关闭窗口本身,代码如下: <!DOCTYPE html> <html> <head> <title>duang for se

  • JavaScript数组push方法使用注意事项

    js 数组的push方法,想必大家都知道是向数组末尾添加元素,但是有一个很关键的点需注意: 引自 MDN 返回值 当调用该方法时,新的 length 属性值将被返回. var sports = ["soccer", "baseball"]; var total = sports.push("football", "swimming"); console.log(sports); // ["soccer",

  • Javascript数组Array方法解读

    接上一篇<Javascript数组Array基础介绍>,这一篇详细介绍Array的所有方法. 所有数组的方法都定义在Array.prototype上,而Array.prototype本身也是一个数组. array.concat() 浅复制一份当前数组,并把接收到的参数附加到新数组的末尾.原数组不改变. 语法 array.concat(value1, value2, ..., valueN) 参数为需要合并的数组或非数组值 var arr1 = [1, 2, 3]; var obj = {ani

  • 27个JavaScript数组常见方法汇总与实例说明

    1. push() 概括:数组末位增加 参数:需要增加的数据 返回值:数组更新后的长度 let arr = [1,2,3] arr.push(1) // 返回新增后的数组长度 4 arr.push() // 不传参数默认不新增 4 arr.push(1,2,3) // 新增多条数据时,返回新增完成后的数组长度 7 2. pop() 概括:数组末位删除 参数:无 返回值:删除的数据 let arr = [3] arr.pop() // 返回已删除的数据 3 arr.pop() // 当数组数据为空

  • JavaScript常见数组方法之如何转置矩阵

    JavaScript常见数组方法之如何转置矩阵

    目录 一.常见二维数组操作 创建与遍历 [案例]二维数组转置 二.常见数组方法 栈和队列方法 检索方法 数组转字符串 其他方法 总结 今天这篇文章就是来和大家详细聊聊JavaScript常见数组方法,不知道大家有没有学过线性代数呢,如果学过那么矩阵转置那可就太熟悉了. 今天我想试试能不能用数组来实现矩阵转置呢? 想知道,那就接着往下看吧.希望大家读完有所收获,那我辛苦码字也就值了. 一.常见二维数组操作 创建与遍历 在前面的篇章中,已经学习了一维数组的各种创建方式,了解一维数组如何创建后,二维数

  • php通过array_shift()函数移除数组第一个元素的方法

    本文实例讲述了php通过array_shift()函数移除数组第一个元素的方法.分享给大家供大家参考.具体分析如下: 下面的代码通过array_shift()函数加while循环不断移除数组的第一个元素,直到数组为空 <?php $alpha = array("a", "b", "c"); while ( count( $alpha ) ) { $val = array_shift( $alpha); print "$val<

  • JavaScript中pop()方法的使用教程

    JavaScript数组pop()方法删除数组中的最后一个元素,并返回该元素. 语法 array.pop(); 下面是参数的详细信息: NA 返回值: 返回从数组中删除的元素. 例子: <html> <head> <title>JavaScript Array pop Method</title> </head> <body> <script type="text/javascript"> var nu

随机推荐