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 ready函数源代码研究
Dec 06 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
Mongoose经常返回e11000 error的原因分析
Mar 29 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
js仿京东放大镜效果
Aug 09 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
Vue3 Composition API的使用简介
Mar 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中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
详解PHP中strlen和mb_strlen函数的区别
2014/03/07 PHP
php猜单词游戏
2015/09/29 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
CI框架的安全性分析
2016/05/18 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
JS实现关键词高亮显示正则匹配
2018/06/22 Javascript
JavaScript偏函数与柯里化实例详解
2019/03/27 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
python yield和Generator函数用法详解
2020/02/10 Python
利用python实现逐步回归
2020/02/24 Python
自学python用什么系统好
2020/06/23 Python
django中cookiecutter的使用教程
2020/12/03 Python
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
一体化教学实施方案
2014/05/10 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
语文教师个人工作总结
2015/02/06 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
2019秋季运动会口号
2019/06/25 职场文书
python opencv旋转图片的使用方法
2021/06/04 Python
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫
windows server2008 开启端口的实现方法
2022/06/25 Servers
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技