基于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 相关文章推荐
IE和Firefox下event事件杂谈
Dec 18 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
Nov 14 Javascript
js格式化时间和js格式化时间戳示例
Feb 10 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
深入浅析react native es6语法
Dec 09 Javascript
VUEJS实战之利用laypage插件实现分页(3)
Jun 13 Javascript
基于jQuery的select下拉框选择触发事件实例分析
Nov 18 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
vue解决跨域问题(推荐)
Nov 10 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实现的简单检验登陆类
2015/06/18 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
为数据添加append,remove功能
2006/10/03 Javascript
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
vue组件表单数据回显验证及提交的实例代码
2018/08/30 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
[03:36]2015国际邀请赛第二日现场精彩集锦
2015/08/06 DOTA
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
python编写爬虫小程序
2015/05/14 Python
Python中isnumeric()方法的使用简介
2015/05/19 Python
详解字典树Trie结构及其Python代码实现
2016/06/03 Python
Django添加favicon.ico图标的示例代码
2018/08/07 Python
Python引用计数操作示例
2018/08/23 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
详解pandas赋值失败问题解决
2020/11/29 Python
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
2015年学生会主席工作总结
2015/04/21 职场文书
个人求职意向书
2015/05/11 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
一劳永逸彻底解决pip install慢的办法
2021/05/24 Python