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%的人还看了以下文章

  • 美观简洁的bootstrap 表单验证代码

    美观简洁的bootstrap 表单验证代码,如上图所示,点击登录按钮,在输入框下方显示错误提示信息 <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>ipput</title> <!– 新 Bootstra…

    2020年2月9日
    3.7K0
  • 第7课:元素的分类与标识(class和id)

    有时,你希望对特定元素或者特定一组元素应用特殊的样式。在这一课,我们将深入学习如何利用class和id来为所选元素指定属性。 如何实现为网站上许多标题中的某一个单独应用颜色?如何实现把网站上的链接分为不同的类,并对各类链接分别应用不同的样式?这只是本课将解决的诸多问题中的最具代表性的两个问题。 用class对元素进行分类 比方说,我们有两个由链接组成的列表。…

    2020年2月25日
    2.6K0
  • 跟永哥学HTML5(6):H5表单及表单验证

    表单在网页中主要负责数据采集功能。HTML 5一个令人兴奋的发展领域是新的Web表单。
    在今天的课程中你会看到浏览器会验证所需的字段,数据类型,如电子邮件、网址和任何模式,而不使用任何JavaScript。

    2018年2月27日
    2.9K0
  • 第14课:元素的定位

    CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动(参见第13课),你将能够创建多种高级而精确的布局。本课我们将讨论以下内容: CSS定位的原理 绝对定位 相对定位 CSS定位的原理 把浏览器窗口想象成一个坐标系统: CSS定位的原理是:你可以将任何盒子(box)放置在坐标系统的任何位置上。 假设我们要放置一个标题。通过使用盒状模…

    2020年2月25日
    2.0K0
  • H5不支持frameset的三种解决方案:div+iframe、include、jQuery的onload方法加载页面

    frameset标签定义框架集,它用于组织多个窗口(框架)。每个框架存在一个独立的文档。 <frameset id=”frame” frameborder=”0″ framespacing=”0″ rows=”100,*” border=”false” scrolling=”yes”> <frame name=”topframe” scro…

    2020年1月1日
    6.7K0
  • 第3课:颜色与背景

    本课,你将学习如何在网站上应用颜色与背景。我们还会介绍用于定位和控制背景图像的高级方法。

    2020年2月22日
    2.3K0

发表回复

登录后才能评论