基于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中Object和Function的关系小结
Sep 26 Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
Feb 27 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 Javascript
捕获未处理的Promise错误方法
Oct 13 Javascript
详解使用webpack打包编写一个vue-toast插件
Nov 08 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
vue.js实现三级菜单效果
Oct 19 Javascript
vue项目中使用vue-layer弹框插件的方法
Mar 11 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 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和ACCESS写聊天室(六)
2006/10/09 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
利用phpexcel把excel导入数据库和数据库导出excel实现
2014/01/09 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
javascript实现验证IP地址等相关信息代码
2015/05/10 Javascript
JavaScript实现简单的tab选项卡切换
2016/01/05 Javascript
前端性能优化及技巧
2016/05/06 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
Three.js基础部分学习
2017/01/08 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
2017/01/21 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
Python解析json代码实例解析
2019/11/25 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
丹尼尔惠灵顿手表天猫官方旗舰店:Daniel Wellington
2017/08/25 全球购物
判断单链表中是否存在环
2012/07/16 面试题
如何在存储过程中使用Loop
2016/01/05 面试题
战略合作意向书范本
2014/04/01 职场文书
委托书样本
2014/04/02 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
高中生评语大全
2014/04/25 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
2014年保卫工作总结
2014/12/05 职场文书
文明单位汇报材料
2014/12/24 职场文书
综合测评个人总结
2015/03/03 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
证婚人致辞精选
2015/07/28 职场文书
导游词之镇江焦山
2019/11/21 职场文书
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫