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 相关文章推荐
比较详细的关于javascript 解析json的代码
Dec 16 Javascript
javascript深入理解js闭包
Jul 03 Javascript
javascript模拟的Ping效果代码 (Web Ping)
Mar 13 Javascript
基于jquery的一个拖拽到指定区域内的效果
Sep 21 Javascript
JavaScript地图拖动功能SpryMap的简单实现
Jul 17 Javascript
Jquery attr(&quot;checked&quot;) 返回checked或undefined 获取选中失效
Oct 10 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
Dec 11 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
js选项卡的实现方法
Feb 09 Javascript
JS去除空格和换行的正则表达式(推荐)
Jun 14 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
Node.js中 __dirname 的使用介绍
Jun 19 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
基于php设计模式中单例模式的应用分析
2013/05/15 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
学习PHP Cookie处理函数
2016/08/09 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
javascript来定义类的规范小结
2010/11/19 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
2014/01/26 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
微信小程序 获取二维码实例详解
2017/06/23 Javascript
vue 通过下拉框组件学习vue中的父子通讯
2017/12/19 Javascript
javascript实现鼠标点击生成文字特效
2019/12/24 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
vue实现登录、注册、退出、跳转等功能
2020/12/23 Vue.js
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
Python存取XML的常见方法实例分析
2017/03/21 Python
简单了解Python3里的一些新特性
2019/07/13 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
厨师长岗位职责
2014/03/02 职场文书
2014植树节活动总结
2014/03/11 职场文书
解除同居协议书
2015/01/29 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
幼儿园家长心得体会
2016/01/21 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书