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 相关文章推荐
基于jquery的网页SELECT下拉框美化代码
Oct 28 Javascript
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
javascript遍历控件实例详细解析
Jan 10 Javascript
jQuery带时间的日期控件代码分享
Aug 26 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
浅谈如何使用 webpack 优化资源
Oct 20 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
JavaScript中join()、splice()、slice()和split()函数用法示例
Aug 24 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
Feb 10 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 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 Hash函数,增强密码安全
2011/02/25 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
js下利用控制器载入对应脚本
2010/07/17 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2013/10/24 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
ES6扩展运算符的用途实例详解
2017/08/20 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
通过实例解析vuejs如何实现调试代码
2020/07/16 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
python使用win32com在百度空间插入html元素示例
2014/02/20 Python
在Windows8上的搭建Python和Django环境
2014/07/03 Python
在Python的Django框架上部署ORM库的教程
2015/04/20 Python
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
2015/06/28 Python
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
平面设计自荐信
2013/10/07 职场文书
出生公证书样本
2014/04/04 职场文书
银行求职信怎么写
2014/05/26 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
环境卫生标语
2015/08/03 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
python 调用js的四种方式
2021/04/11 Python
MySQL系列之四 SQL语法
2021/07/02 MySQL
MYSQL 表的全面总结
2021/11/11 MySQL
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL