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)
江山如画的头像江山如画管理团队
3种纯CSS/jquery实现的表格隔行变色,鼠标悬停:hover变色效果
上一篇 2018年9月5日 上午10:07
设计师必须掌握的色彩心理学
下一篇 2018年9月5日 上午10:49

99%的人还看了以下文章

  • js实现两个页面表单传值并接收

    网页制作时,需要两个页面之间传值,通过JS就可轻松实现。 js 实现两个页面表单传值并接收源码 A页面: <input type=”text” id=”txt”> <input type=”button” value=”测试” onclick=”test()”/> <SCRIPT LANGUAGE=”JavaScript”&gt…

    2019年7月10日
    5.9K0
  • 网页中的框架(详解)

    所谓框架便是网页画面分成几个框窗,同时取得多个 URL。 一、制作框架页面的步骤: 1.编写所有子框架页面2.编写主框架页面3.在主框架页面中设定子框架名称4.如果框架页面之间存在链接,在子框架中设定链接。 注意:框架页面是不含标签的 二、基本语法 <frameset> <frame src=”url”> <noframes&g…

    2020年4月11日
    16.5K0
  • Marquee标签制作滚动公告、新闻列表

    效果演示 《Marquee标签实现跑马灯、滚动公告、通知效果》 Marquee标签制作滚动公告、新闻列表 <!doctype html> <html> <head> <meta charset=”utf-8″> <title>marquee实现的滚动公告|www.125jz.com</titl…

    2019年2月28日
    13.5K0
  • 响应式布局和自适应的区别

    客户端,PC、平板、手机,各种尺寸,要给电脑PC和手机分别设计不同的网页吗?要给每一个手机分别设计一个网页吗? 不需要,因为有了响应式布局。 响应式布局被大家熟知的一个重要原因就是Twitter开源了bootstrap。。 响应式布局和自适应的区别: 自适应是为了解决如何才能在不同大小的设备上呈现相同的网页。 手机的屏幕比较小,宽度通常在600像素以下,pc…

    2019年10月15日
    5.9K0
  • HTML5- Canvas入门(二)画线并设置颜色

    HTML5- Canvas入门(二)画线并设置颜色HTML5- Canvas入门(二)画线并设置颜色HTML5- Canvas入门(二)画线并设置颜色HTML5- Canvas入门(二)画线并设置颜色

    HTML5- Canvas入门(一)画线 上一节课我们学会了 Canvas画线,绘制了一条黑色的直线,但如果我们想要绘制一条红色的或者其它颜色的线段,该怎么做呢? 答案很简单,使用ctx.strokeStyle来设定描边的颜色即可。我们画三条红色的线段吧: <canvas id=”myCanvas” width=”200″ height=”200″ s…

    2022年7月10日 网页制作
    13.4K0
  • CSS3动画:@keyframes animation 案例——制作滚动公告

    滚动公告的制作请参阅:Marquee标签实现跑马灯、滚动公告、通知效果 今天我们使用CSS3的@keyframes和animation 制作滚动文字公告。 @keyframes规则 @keyframes 规则用于创建动画。在@keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。 注释:当动画完成后,动画的状态会回到初始状…

    2019年2月26日
    12.5K0

发表回复

登录后才能评论