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 26 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
js判断手机端(Android手机还是iPhone手机)
Jul 22 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
JS实现移动端触屏拖拽功能
Jul 31 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
vue自定义表单生成器form-create使用详解
Jul 19 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发送与接收流文件的方法
2015/02/11 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
Javascript isArray 数组类型检测函数
2009/10/08 Javascript
javascript里绝对用的上的字符分割函数总结
2014/07/31 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
JavaScript中点击事件的写法
2016/06/28 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
Vue用mixin合并重复代码的实现
2020/11/27 Vue.js
Python牛刀小试密码爆破
2011/02/03 Python
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
python之文件的读写和文件目录以及文件夹的操作实现代码
2016/08/28 Python
关于Python中异常(Exception)的汇总
2017/01/18 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
Python 使用指定的网卡发送HTTP请求的实例
2019/08/21 Python
Python中字典与恒等运算符的用法分析
2019/08/22 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
Python使用贪婪算法解决问题
2019/10/22 Python
python实现低通滤波器代码
2020/02/26 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
捷克领先的户外服装及配件市场零售商:ALPINE PRO
2018/01/09 全球购物
创意爱尔兰礼物:Creative Irish Gifts
2020/01/29 全球购物
物流仓管员岗位职责
2015/04/01 职场文书
离婚案件答辩状
2015/05/22 职场文书
雷锋之歌观后感
2015/06/10 职场文书
python获取淘宝服务器时间的代码示例
2021/04/22 Python