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高级程序设计 阅读笔记(二十) js错误处理
Aug 14 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
Apr 07 Javascript
浅析js中取绝对值的2种方法
Jul 09 Javascript
js获取页面description的方法
May 21 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
javascript中的面向对象
Mar 30 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
微信小程序如何使用globalData的方法
Jun 06 Javascript
es6函数之箭头函数用法实例详解
Apr 25 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
Oct 31 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
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
Zerg基本策略
2020/03/14 星际争霸
PHPMailer邮件发送的实现代码
2013/05/04 PHP
探讨PHP删除文件夹的三种方法
2013/06/09 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
jquery异步循环获取功能实现代码
2010/09/19 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
2013/05/21 Javascript
JavaScript访问CSS属性的几种方式介绍
2014/07/21 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
2015/07/27 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
2015/08/06 Javascript
javascript针对cookie的基本操作实例详解
2015/11/30 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
2017/07/03 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
[01:39:42]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python实现文件快照加密保护的方法
2015/06/30 Python
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
Django框架HttpRequest对象用法实例分析
2019/11/01 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
parser.add_argument中的action使用
2020/04/20 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
Python-for循环的内部机制
2020/06/12 Python
Python编写万花尺图案实例
2021/01/03 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
利用纯html5绘制出来的一款非常漂亮的时钟
2015/01/04 HTML / CSS
统计系教授推荐信
2014/02/28 职场文书
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
采购部2015年度工作总结
2015/07/24 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
高一化学教学反思
2016/02/22 职场文书
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android