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 相关文章推荐
利用ajaxfileupload插件实现文件上传无刷新的具体方法
Jun 08 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
JS简单计算器实例
Jan 20 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
如何在JavaScript中创建具有多个空格的字符串?
Feb 23 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
Apr 30 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 Javascript
关于JavaScript轮播图的实现
Nov 20 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在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
php代码收集表单内容并写入文件的代码
2012/01/29 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
46 个非常有用的 PHP 代码片段
2016/02/16 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
用PHP将Unicode 转化为UTF-8的实现方法(推荐)
2017/02/08 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
javascript 二维数组的实现与应用
2010/03/16 Javascript
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
查找Oracle高消耗语句的方法
2014/03/22 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
2015/01/19 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
对vue事件的延迟执行实例讲解
2018/08/28 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
JavaScript中关于base64的一些事
2019/05/06 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用Python对Access读写操作
2017/03/30 Python
Python实现登录接口的示例代码
2017/07/21 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
TensorFlow tensor的拼接实例
2020/01/19 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
"引用"与多态的关系
2013/02/01 面试题
英语专业毕业生求职简历的自我评价
2013/10/24 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
Python带你从浅入深探究Tuple(基础篇)
2021/05/15 Python
Oracle中DBLink的详细介绍
2022/04/29 Oracle