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.js的Ajax对象
Sep 23 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
Jun 29 Javascript
jquery form 加载数据示例
Apr 21 Javascript
获取中文字符串的实际长度代码
Jun 05 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
JS简单数组排序操作示例【sort方法】
May 17 Javascript
Vue修改项目启动端口号方法
Nov 07 Javascript
JS函数本身的作用域实例分析
Mar 16 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
Content-type 的说明
2006/10/09 PHP
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
php下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
浅析PHP原理之变量(Variables inside PHP)
2013/08/09 PHP
使用Codeigniter重写insert的方法(推荐)
2017/03/23 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
符合标准的js表单提交的代码
2007/09/13 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
2014/01/24 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
学习javascript面向对象 理解javascript原型和原型链
2016/01/04 Javascript
JavaScript中获取时间的函数集
2016/08/16 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
python获取远程图片大小和尺寸的方法
2015/03/26 Python
《Python学习手册》学习总结
2018/01/17 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
python dlib人脸识别代码实例
2019/04/04 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
python函数不定长参数使用方法解析
2019/12/14 Python
python如何进入交互模式
2020/07/06 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
Python使用sys.exc_info()方法获取异常信息
2020/07/23 Python
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
2014超市收银员工作总结
2014/11/13 职场文书
受资助学生感谢信
2015/01/21 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python