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 Base类 包含基本的方法
Jul 22 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
理解javascript正则表达式
Mar 08 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
ReactNative踩坑之配置调试端口的解决方法
Jul 28 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
浅谈js的解析顺序 作用域 严格模式
Oct 23 Javascript
JavaScript如何判断input数据类型
Feb 06 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 09 Javascript
实现一个简单得数据响应系统
Nov 11 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
编译问题
2006/10/09 PHP
sql注入与转义的php函数代码
2013/06/17 PHP
PHP引用符&amp;的用法详细解析
2013/08/22 PHP
memcache命令启动参数中文解释
2014/01/13 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
PHP中开启gzip压缩的2种方法
2015/01/31 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
简单的php购物车代码
2020/06/05 PHP
js自带函数备忘 数组
2006/12/29 Javascript
javascript add event remove event
2008/04/07 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
2015/08/06 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
2016/06/06 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例
2020/02/25 Python
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
毕业生教师求职信
2013/10/20 职场文书
广告学专业推荐信范文
2013/11/23 职场文书
五十岁生日宴会答谢词
2014/01/15 职场文书
优秀小学生家长评语
2014/01/30 职场文书
个人作风剖析材料
2014/02/02 职场文书
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
工会换届选举方案
2014/05/21 职场文书
学校开除通知书
2015/04/25 职场文书