基于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读取xml
Nov 04 Javascript
javascript StringBuilder类实现
Dec 22 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
Sep 14 Javascript
基于jquery的无刷新分页技术
Jun 11 Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
详解Javascript继承的实现
Mar 25 Javascript
对vue里函数的调用顺序介绍
Mar 17 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
May 04 Javascript
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
react国际化react-intl的使用
May 06 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
禁止刷新,回退的JS
2006/11/25 Javascript
比较详细的javascript对象的property和prototype是什么一种关系
2007/08/06 Javascript
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
IE之动态添加DOM节点触发window.resize事件
2010/07/27 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
2013/03/17 Javascript
javascript删除option选项的多种方法总结
2013/11/22 Javascript
提取jquery的ready()方法单独使用示例
2014/03/25 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
js和jquery中循环的退出和继续学习记录
2014/09/06 Javascript
javascript版2048小游戏
2015/03/18 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
jQuery实现的文字hover颜色渐变效果实例
2016/02/20 Javascript
javascript类型系统——日期Date对象全面了解
2016/07/13 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
js+css实现红包雨效果
2018/07/12 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
python基于windows平台锁定键盘输入的方法
2015/03/05 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
python元组和字典的内建函数实例详解
2019/10/22 Python
python scrapy重复执行实现代码详解
2019/12/28 Python
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
工商学院毕业生自荐信
2013/11/12 职场文书
七一党建活动方案
2014/01/28 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
新教师工作感言
2014/02/16 职场文书
公司合并协议书范本
2014/09/30 职场文书
酒店厨房管理制度
2015/08/06 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js