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 png 透明解决方案(推荐)
Aug 21 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
解析javascript系统错误:-1072896658的解决办法
Jul 08 Javascript
js捕获鼠标滚轮事件代码
Dec 16 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
js获取iframe中的window对象的实现方法
May 20 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
微信小程序一周时间表功能实现
Oct 17 Javascript
小程序跳转H5页面的方法步骤
Mar 06 Javascript
js实现动态时钟
Mar 12 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
Apr 27 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数据库开发知多少
2006/10/09 PHP
PHP连接MySQL数据的操作要点
2015/03/20 PHP
PHP+AjaxForm异步带进度条上传文件实例代码
2017/08/14 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009/10/26 Javascript
javascript中apply和call方法的作用及区别说明
2014/02/14 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
Jquery 实现table样式的设定
2015/01/28 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
2016/05/12 Javascript
JS实现最简单的冒泡排序算法
2017/02/15 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
2017/07/04 Javascript
jQuery扇形定时器插件pietimer使用方法详解
2017/07/18 jQuery
node中使用es5/6以及支持性与性能对比
2017/08/11 Javascript
使用JSON格式提交数据到服务端的实例代码
2018/04/01 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
Python yield 使用浅析
2015/05/28 Python
django1.8使用表单上传文件的实现方法
2016/11/04 Python
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
python的Tqdm模块的使用
2018/01/10 Python
Python中list查询及所需时间计算操作示例
2018/06/21 Python
Python3之不使用第三方变量,实现交换两个变量的值
2019/06/26 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
pyecharts在数据可视化中的应用详解
2020/06/08 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
python实现经典排序算法的示例代码
2021/02/07 Python
经典的班主任推荐信
2013/10/28 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
参观邀请函范文
2015/02/02 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android
Python学习之异常中的finally使用详解
2022/03/16 Python
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL