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 相关文章推荐
js中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
javascript获取文档坐标和视口坐标
May 26 Javascript
基于gulp合并压缩Seajs模块的方式说明
Jun 14 Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
Nov 01 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 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
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
谈谈新手如何学习PHP
2006/12/14 PHP
phpize的深入理解
2013/06/03 PHP
thinkphp缓存技术详解
2014/12/09 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
JavaScript 高效运行代码分析
2010/03/18 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
javascript实现跳转菜单的具体方法
2013/07/05 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
vue中渐进过渡效果实现
2016/10/27 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
2017/05/12 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
javascript实现评分功能
2020/06/24 Javascript
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
Python中random模块用法实例分析
2015/05/19 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
Python制作词云图代码实例
2019/09/09 Python
python中JWT用户认证的实现
2020/05/18 Python
python中return不返回值的问题解析
2020/07/22 Python
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
优秀应届毕业生自荐信
2013/11/16 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
体育教师求职信
2014/05/24 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
离婚协议书范文2015
2015/01/26 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书