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 相关文章推荐
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
JavaScript实现获取dom中class的方法
Feb 09 Javascript
JavaScript DOM基础
Apr 13 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
微信小程序使用modal组件弹出对话框功能示例
Nov 29 Javascript
element vue Array数组和Map对象的添加与删除操作
Nov 14 Javascript
在node中使用jwt签发与验证token的方法
Apr 03 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 Javascript
vue webpack build资源相对路径的问题及解决方法
Jun 04 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
vue实现锚点定位功能
Jun 29 Vue.js
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代码
2008/09/10 PHP
PHP 长文章分页函数 带使用方法,不会分割段落,翻页在底部
2009/10/22 PHP
php数组函数序列 之array_count_values() 统计数组中所有值出现的次数函数
2011/10/29 PHP
ThinkPHP写第一个模块应用
2012/02/20 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
jsp 网站引入外部css或者js失效问题解决
2016/10/31 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
node全局变量__dirname与__filename的区别
2019/01/14 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
[01:39:42]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python中的闭包实例详解
2014/08/29 Python
Python素数检测的方法
2015/05/11 Python
Python批量修改图片分辨率的实例代码
2019/07/04 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
美国时尚女装在线:Missguided
2016/12/03 全球购物
深圳茁壮笔试题
2015/05/28 面试题
2014年教师培训的自我评价
2014/01/03 职场文书
预备党员入党思想汇报
2014/01/04 职场文书
元旦联欢会主持词
2014/03/26 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
建国大业观后感
2015/06/01 职场文书
幼儿园毕业致辞
2015/07/29 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python