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_07_理解instanceof实现原理
Oct 15 Javascript
jQuery LigerUI 使用教程表格篇(1)
Jan 18 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
Oct 29 Javascript
JavaScript进阶练习及简单实例分析
Jun 03 Javascript
JS 获取HTML标签内的子节点的方法
Sep 21 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
jQuery实现菜单栏导航效果
Aug 15 jQuery
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
JSON 入门教程基础篇 json入门学习笔记
Sep 22 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 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
php数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
php使用curl和正则表达式抓取网页数据示例
2014/04/13 PHP
Yii框架中memcache用法实例
2014/12/03 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
详细介绍Ruby中的正则表达式
2015/04/10 Python
解决Python一行输出不显示的问题
2018/12/03 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
Apache部署Django项目图文详解
2019/07/30 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
Canvas制作的下雨动画的示例
2018/03/06 HTML / CSS
美国网上眼镜供应商:LEOTONY(眼镜、RX太阳镜和太阳镜)
2017/10/31 全球购物
电大物流学生的自我评价
2013/10/25 职场文书
护理专科学生自荐书
2014/07/05 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
2015年中学校长工作总结
2015/05/19 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
商务宴会祝酒词
2015/08/11 职场文书
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript
Python编写冷笑话生成器
2022/04/20 Python