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 相关文章推荐
firefox浏览器下javascript 拖动层效果与原理分析代码
Dec 04 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
JS留言功能的简单实现案例(推荐)
Jun 23 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
基于AngularJS的拖拽文件上传的实例代码
Jul 15 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
vue中可编辑树状表格的实现代码
Oct 31 Javascript
uni-app实现获取验证码倒计时功能
Nov 01 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
PHP静态调用非静态方法的应用分析
2013/05/02 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
2016/11/20 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
JavaScript中的细节分析
2012/06/30 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
jquery获取transform里的值实现方法
2017/12/12 jQuery
QRCode.js二维码生成并能长按识别
2018/10/16 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
微信小程序页面传多个参数跳转页面的实现方法
2019/05/17 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
2019/12/22 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
Python日期操作学习笔记
2008/10/07 Python
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
美国第二大团购网站:LivingSocial
2016/07/24 全球购物
中间件的定义
2016/08/09 面试题
自我鉴定模板
2013/10/29 职场文书
小学生综合素质评语
2014/04/23 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
领导班子群众路线与四风问题对照检查材料思想汇报
2014/10/11 职场文书
年会邀请函范文
2015/01/30 职场文书
工程款申请报告
2015/05/15 职场文书
2015国庆节宣传语
2015/07/14 职场文书
Redis 哨兵机制及配置实现
2022/03/25 Redis
Echarts如何重新渲染实例详解
2022/05/30 Javascript
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers