JavaScript数组前面插入元素的方法


Posted in Javascript onApril 06, 2015

本文实例讲述了JavaScript数组前面插入元素的方法。分享给大家供大家参考。具体如下:

JS数组带有一个unshift方法可以再数组前面添加若干个元素,下面是详细的代码演示

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.unshift("Lemon","Pineapple");

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

</script>

<p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>

</body>

</html>

执行后数组会变成下面的样子

Lemon,Pineapple,Banana,Orange,Apple,Mango

unshift在ie8及之前的版本工作有些问题,数组会插入元素,但是返回值是undefined

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

Javascript 相关文章推荐
Prototype PeriodicalExecuter对象 学习
Jul 19 Javascript
javascript 计算两个整数的百分比值
Dec 26 Javascript
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
Dec 31 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
Aug 15 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
vue 设置proxyTable参数进行代理跨域
Apr 09 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 #Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 #Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 #Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
Apr 06 #Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 #Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
Apr 06 #Javascript
JavaScript动态修改弹出窗口大小的方法
Apr 06 #Javascript
You might like
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
php sybase_fetch_array使用方法
2014/04/15 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
记录几个javascript有关的小细节
2007/04/02 Javascript
ExtJS 简介 让你知道extjs是什么
2008/12/29 Javascript
javascript 鼠标拖动图标技术
2010/02/07 Javascript
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
MultiSelect左右选择控件的设计与实现介绍
2013/06/08 Javascript
JavaScript用Number方法实现string转int
2014/05/13 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
js实现简单的计算器功能
2017/01/16 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Python使用base64模块进行二进制数据编码详解
2018/01/11 Python
Python import与from import使用及区别介绍
2018/09/06 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
python super函数使用方法详解
2020/02/14 Python
结合CSS3的布局新特征谈谈常见布局方法
2016/01/22 HTML / CSS
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
Java程序员面试题
2013/07/15 面试题
会计学财务管理专业个人的自我评价
2013/10/19 职场文书
优质服务口号
2014/06/11 职场文书
大学生入党自荐书
2015/03/05 职场文书
交通安全学习心得体会
2016/01/18 职场文书
Go语言中的UTF-8实现
2021/04/26 Golang
redis lua限流算法实现示例
2022/07/15 Redis
详解CSS中postion和opacity及cursor的特性
2022/08/14 HTML / CSS