基于jQuery中对数组进行操作的方法


Posted in Javascript onApril 16, 2013

jQuery中提供了两个函数 :

    1.$.map(array,callback(element,index));

       对于array中的每个元素,调用callback()函数,最终返回一个新的数组,原数组不变

       例如:

          $(function () {
            var arrInt = [1, 3, 5, 79];
            var b = $.map(arrInt, function (value, key, a) {//map返回来的是一个新数组
                return value * 2;
            });

       })

    2. $.each(array,fn);

        主要用来遍历数组,不修改数组,对于普通数组或者“键值对数组”都可以进行遍历。

        在each函数中可以直接使用this,表示当前元素的值。

        例如:获取checkbox中的选中项

          <script type="text/javascript" >       

           $(function () {

                         var arr = [];            

                         $('input[type=checkbox]').click(function () {                

                         $('input[type=checbox]:checked').each(function (key, value) {             

                                           arr[key] = value.text();                

                                   });                

                    var lengtha = $('input[type=checkbox][checked=checked]').length;                     $('#spMsg').text('共有' + lengtha + '被选中分别是:' + arr);            

              })        

        })

Javascript 相关文章推荐
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
Apr 07 Javascript
JavaScript 学习笔记二 字符串拼接
Mar 28 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
JQuery插件开发示例代码
Nov 06 Javascript
JS保存和删除cookie操作 判断cookie是否存在
Nov 13 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
javascript实现行拖动的方法
May 27 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
vue-router的两种模式的区别
May 30 Javascript
Ant Design的Table组件去除
Oct 24 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 Javascript
js中 关于undefined和null的区别介绍
Apr 16 #Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 #Javascript
用js实现trim()的解决办法
Apr 16 #Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 #Javascript
jquery时间下拉框小例子
Apr 15 #Javascript
用js调用迅雷下载代码的二种方法
Apr 15 #Javascript
简易js代码实现计算器操作
Apr 15 #Javascript
You might like
在PHP中利用XML技术构造远程服务(上)
2006/10/09 PHP
解析PHP高效率写法(详解原因)
2013/06/20 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
php通过文件流方式复制文件的方法
2015/03/13 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
JQuery 插件模板 制作jquery插件的朋友可以参考下
2010/03/17 Javascript
js 字符串转化成数字的代码
2011/06/29 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
js的回调函数详解
2015/01/05 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
js实现简易垂直滚动条
2017/02/22 Javascript
Vue.js基础学习之class与样式绑定
2017/03/20 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
vue实现简单计算商品价格
2020/09/14 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
js用正则表达式筛选年月日的实例方法
2021/01/04 Javascript
Python学习笔记整理3之输入输出、python eval函数
2015/12/14 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
CSS3只让背景图片旋转180度的实现示例
2021/03/09 HTML / CSS
配件采购员岗位职责
2013/12/03 职场文书
高三毕业生自我鉴定
2013/12/20 职场文书
银行批评与自我批评
2014/02/10 职场文书
汽车维修工岗位职责
2014/02/12 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
党员干部公开承诺书
2014/03/26 职场文书
政风行风建设整改方案
2014/10/27 职场文书
2014年办公室个人工作总结
2014/11/12 职场文书
区域经理岗位职责
2015/02/02 职场文书