JavaScript 向数组的开头或末尾添加元素:unshift() 、push()方法详解

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

unshift() 实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>unshift()方法可向数组的开头添加一个或更多元素</title>
</head>
<body>
<p id="demo">单击按钮在数组开始插入元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
  var fruits = ["网页", "设计", "网站", "建设"];
  fruits.unshift("www.125jz.com");
  var x=document.getElementById("demo");
  x.innerHTML=fruits;
}
</script>
</body>
</html>

输出结果:www.125jz.com,网页,设计,网站,建设

push() 方法实例:

var fruits = ["网页", "设计", "网站", "建设"];
fruits.push("www.125jz.com")

输出结果:网页,设计,网站,建设,www.125jz.com

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/2488.html

(1)
江山如画的头像江山如画管理团队
上一篇 2018年9月5日 上午10:07
下一篇 2018年9月5日 上午10:49

99%的人还看了以下文章

  • jQuery屏蔽页面右键,禁止复制,文本选择代码

    屏蔽页面右键,禁止复制,文本选择功能,用jQuery实现非常简单。 125建站网分享两种方法。 方法一: //禁用右键、文本选择、复制 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return fals…

    2019年10月16日
    3.1K0
  • 导航特效:jquery实现当前(活动)菜单样式变化

    用户点击导航或菜单上不同的栏目,被选中的导航栏目会变换样式,出现图片或背景颜色的变化,用于标识是否是当前栏目或活动选项。 本教程使用jquery实现导航菜单当前(活动)菜单样式变化,导航菜单模式用的是背景颜色,你可以换成背景图片以符合建站需要。 当前(活动)菜单样式变化实现原理 在html代码中给首页(默认选中)加上class名cur <a href=…

    2018年2月8日
    1.9K0
  • CSS图形绘制练习-最常见的40种形状和图形源码分享

     CSS3可以实现很多漂亮的图形,本文从互联网收集了最常见的40种形状和图形,现分享给大家。 包括圆形,椭圆形,三角形,倒三角形,左三角形,右三角形,菱形,梯形,长方形,正方形,圆环,平行四边形,五角星,六角星,五边形,六边形,八边形,心形,蛋形,无穷符号,消息提示框,钻石,八卦图,食豆人,扇形,月牙,顶左直角三角形,顶右直角三角形 ,底左直角三角形 ,底右…

    2020年2月22日 网页制作
    4.2K0
  • JS实现开关效果,可单选和组选

    JS实现的checkbox开关效果,可单个打开开关,也可一次关闭所有或打开所有开关。 JS实现开关效果,可单选和组选|www.125jz.com

    2018年7月29日
    2.1K0
  • css布局基础:定位综合练习

    主要知识点: 1、5种常用定位:静态定位/相对定位/绝对定位/固定定位/吸附定位(磁铁定位) position:static/relative/absolute/fixed/sticky。 2、除静态定位外,都可以用left/top/bottom/right/z-index属性进行移动。 整体效果图: 效果说明: 1、随着网页向下滚动,当导航到达窗口顶端(t…

    2020年4月4日
    3.1K0
  • 跟永哥学HTML5(2):html5与html4的区别

    我们现在web前端开发的网页,一般都是html4.0。很多以前学过HTML 4.0的朋友可能此时会感到很迷惑,html 4.0和HTML5有什么区别? hmtl5与html4的区别? 先来看看HTML5推出的理由: 解决Web浏览器间的兼容性问题 在一个浏览器中可以运行的HTML、Css、Javascript,在另一个浏览器中不能运行。原因:各浏览器规范不统…

    2018年1月21日
    2.4K0

发表回复

登录后才能评论