javascript的push使用指南


Posted in Javascript onDecember 05, 2014

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。返回值为把指定的值添加到数组后的新长度。
语法:arrayObject.push(newelement1,newelement2,....,newelementX)
参数newelement1,必需。要添加到数组的第一个元素。
参数newelement2,可选。要添加到数组的第二个元素。
参数newelementX,可选。可添加多个元素。

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

示例:

<!doctype html>

<meta charset="utf-8">

<body>

    <input type="checkbox" value="1" name="check" checked="checked"/>

    <input type="checkbox" value="1" name="check"/>

    <input type="checkbox" value="1" name="check" checked="checked"/>

    <input type="checkbox" value="1" name="check" />

    <input type="button" value="你选中的个数" id="btn" />

    <script>

       var btn=document.getElementById('btn');

       btn.onclick=function(){

         var arrays=new Array();

         var checkitem=document.getElementsByName("check");

         for(var i=0;i<checkitem.length;i++)

         {

             if(checkitem[i].checked){

                 arrays.push(checkitem[i].value);//将()里面的值传入arrays数组中

             }

         }

         alert(arrays.length)

       }

    </script>

    </body>
Javascript 相关文章推荐
JQuery 小练习(实例代码)
Aug 07 Javascript
Jquery Change与bind事件代码
Sep 29 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
Angular ui.bootstrap.pagination分页
Jan 20 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
Sep 12 Javascript
JS生成随机打乱数组的方法示例
Dec 23 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
详解如何使用微信小程序云函数发送短信验证码
Mar 13 Javascript
Vue组件系列开发之模态框
Apr 18 Javascript
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
vue结合el-upload实现腾讯云视频上传功能
Jul 01 Javascript
javascript结合ajax读取txt文件内容
Dec 05 #Javascript
javascript实现切换td中的值
Dec 05 #Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 #Javascript
深入分析js的冒泡事件
Dec 05 #Javascript
Javascript解析URL方法详解
Dec 05 #Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 #Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
Dec 05 #Javascript
You might like
php in_array() 检查数组中是否存在某个值详解
2016/11/23 PHP
IE6不能修改NAME问题的解决方法
2010/09/03 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
用javascript对一个json数组深度赋值示例
2014/07/27 Javascript
jquery禁止回车触发表单提交
2014/12/12 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
jQuery实现折线图的方法
2015/02/28 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
2016/11/01 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
2017/02/19 Javascript
javascript 判断用户有没有操作页面
2017/10/17 Javascript
JavaScript实现微信红包算法及问题解决方法
2018/04/26 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
JS实现多选框的操作
2020/06/24 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python实现矩阵相乘的三种方法小结
2018/07/26 Python
浅析python的优势和不足之处
2018/11/20 Python
python使用pip安装模块出现ReadTimeoutError: HTTPSConnectionPool的解决方法
2019/10/04 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
基于Python实现人脸自动戴口罩系统
2020/02/06 Python
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
艺术应用与设计个人的自我评价
2013/11/23 职场文书
高中毕业自我评价
2014/02/08 职场文书
护士长竞聘书
2014/03/31 职场文书
主题团日活动总结
2014/06/25 职场文书
花坛标语大全
2014/06/30 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
Redis主从配置和底层实现原理解析(实战记录)
2021/06/30 Redis
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技
python如何读取和存储dict()与.json格式文件
2022/06/25 Python