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入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
js可突破windows弹退效果代码
Aug 09 Javascript
让FireFox支持innerText的实现代码
Dec 01 Javascript
javascript与CSS复习(三)
Jun 29 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
Angularjs中如何使用filterFilter函数过滤
Feb 06 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
Sep 05 Javascript
原生js编写基于面向对象的分页组件
Dec 05 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 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中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
PHP中读写文件实现代码
2011/10/20 PHP
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
为数据添加append,remove功能
2006/10/03 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
js/html光标定位的实现代码
2013/09/23 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
jquery滚动加载数据的方法
2015/03/09 Javascript
jquery实现页面关键词高亮显示的方法
2015/03/12 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
2016/06/08 Javascript
详解如何使用webpack打包JS
2018/06/21 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
[01:03:03]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
在Linux系统上安装Python的Scrapy框架的教程
2015/06/11 Python
详谈Python2.6和Python3.0中对除法操作的异同
2017/04/28 Python
python bmp转换为jpg 并删除原图的方法
2018/10/25 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
基于CSS3实现的黑色个性导航菜单效果
2015/09/14 HTML / CSS
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
行政总监岗位职责
2013/12/05 职场文书
大学生如何写自荐信
2014/01/08 职场文书
问卷调查计划书
2014/01/10 职场文书
25岁生日感言
2014/01/13 职场文书
项目投资意向书
2014/04/01 职场文书
幼儿生日活动方案
2014/08/27 职场文书
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
mysql数据库实现设置字段长度
2022/06/10 MySQL