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

  • 怎么让一长串英文字符自动换行?

    长串英文字符之间没有空格,整串都显示在一行,撑破了div,甚至跑到屏幕外了,如何解决? <!doctype html> <html> <head> <meta charset=”utf-8″> <title>怎么让一长串英文字符自动换行?|www.125jz.com</title> &l…

    2019年11月20日
    5.4K0
  • 第1课:开始学习HTML

    建议你每天学习2到3课,然后花点时间来实验你所学到的新知识。 学习制作网站是件充满乐趣的事,而且一旦掌握它,你便会感到无比满足。好的,不多说,我们现在就开始吧! 这第一课中,我们简要介绍制作网站所需的工具。 需要哪些工具? “浏览器(browser)”你有了,它是用于浏览网站的程序。你现在就是通过浏览器在观看本页面的。 也许你听说过、甚至用过一些网页制作工具…

    2018年1月20日
    9.0K0
  • 5种 CSS 实现DIV中内容垂直居中的方法

    使用 CSS 实现DIV中内容垂直居中并不容易,有些方法在一些浏览器中无效。 今天中国网页设计给大家分享使DIV中对象垂直集中的5种不同方法,以及它们各自的优缺点。 CSS 实现DIV中内容垂直居中方法一 这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align property 属性。 <div class=…

    2018年9月23日
    10.8K0
  • iframe中子页和父页面如何传值

    本文介绍了,父页面father.html和子页面son.html之间如何传值,子页面如何调用父页面中的函数等操作

    2021年11月30日
    5.1K0
  • CSS进阶,4个案例入门,学会LESS使用

    Less 简介 什么是LESSCSS LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。 Less语言特性 LESS的变量 变量允许我们单独定义一系列通用的样式…

    2019年7月17日
    3.6K0
  • 第9课:盒状模型

    CSS中的盒状模型(box model)用于描述一个为HTML元素形成的矩形盒子。盒状模型还涉及为各个元素调整外边距(margin)、边框(border)、内边距(padding)和内容的具体操作。下图显示了盒状模型的结构: CSS中的盒状模型 上面的图示看上去可能感觉有点理论化,好吧,让我们试着用一个实例来解释盒状模型。在我们的例子中,有一个标题和一些文本…

    2020年2月25日
    6.7K0

发表回复

登录后才能评论