jquery中push()的用法(数组添加元素)


Posted in Javascript onNovember 25, 2014

push定义和用法

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

语法

arrayObject.push(newelement1,newelement2,....,newelementX)

参数 描述
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。

返回值

把指定的值添加到数组后的新长度。

说明

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

提示和注释

注释:该方法会改变数组的长度。
提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法。

实例

在本例中,我们将创建一个数组,并通过添加一个元素来改变其长度:

var arr = new Array(3);

arr[0] = "George" ;

arr[1] = "John" ;

arr[2] = "Thomas" ;

document.write(arr + "") document.write(arr.push("James")+ "") document.write(arr);

输出:
George,John,Thomas
4
George,John,Thomas,James

网上的一个用法:

$(function(){

 var buf = [];

 buf.push('<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>');

 buf.push('<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-88888888" data-ad-slot="8305246055"></ins>');

 buf.push('<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>');

 $('.footer-banner').html(buf.join(''));

注意:使用的时候需要先加载jquery.js

Javascript 相关文章推荐
jQuery实现鼠标划过添加和删除class的方法
Jun 26 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
May 05 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
Apr 13 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
Apr 20 Javascript
JavaScript函数中的this四种绑定形式
Aug 15 Javascript
使用Electron构建React+Webpack桌面应用的方法
Dec 15 Javascript
vue+webpack实现异步加载三种用法示例详解
Apr 24 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
layui表格数据重载
Jul 27 Javascript
ng-alain的sf如何自定义部件的流程
Jun 12 Javascript
JavaScript实现一键复制内容剪贴板
Jul 23 Javascript
Jquery焦点图实例代码
Nov 25 #Javascript
jQuery事件绑定和委托实例
Nov 25 #Javascript
2014最热门的JavaScript代码高亮插件推荐
Nov 25 #Javascript
JS跨域问题详解
Nov 25 #Javascript
javascript 中__proto__和prototype详解
Nov 25 #Javascript
js 加密压缩出现bug解决方案
Nov 25 #Javascript
js Object2String方便查看js对象内容
Nov 24 #Javascript
You might like
PHP5 面向对象程序设计
2008/02/13 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013/03/18 Javascript
15个jquery常用方法、小技巧分享
2015/01/13 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
微信小程序 下拉菜单简单实例
2017/04/13 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
vue-quill-editor实现图片上传功能
2017/08/08 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
vue-drawer-layout实现手势滑出菜单栏
2020/11/19 Vue.js
原生js实现表格循环滚动
2020/11/24 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
python中xrange和range的区别
2014/05/13 Python
Python 数据结构之堆栈实例代码
2017/01/22 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
python实现实时视频流播放代码实例
2020/01/11 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
详解Python的爬虫框架 Scrapy
2020/08/03 Python
Python 实现图片转字符画的示例(静态图片,gif皆可)
2020/11/05 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
Android面试题及答案
2015/09/04 面试题
高中生学期学习自我评价
2014/02/24 职场文书
2014植树节活动总结
2014/03/11 职场文书
物理学专业求职信
2014/07/04 职场文书
企业战略合作意向书
2015/05/08 职场文书
资金申请报告范文
2015/05/14 职场文书
个人向公司借款协议书
2016/03/19 职场文书
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android