基于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开发时的五个注意事项
Dec 08 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
原生js和jquery实现图片轮播特效
Apr 23 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
简单实现js上传文件功能
Aug 21 Javascript
JS运动特效之链式运动分析
Jan 24 Javascript
JSON的parse()方法介绍
Jan 31 Javascript
在Web关闭页面时发送Ajax请求的实现方法
Mar 07 Javascript
vue+koa2实现session、token登陆状态验证的示例
Aug 30 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
『jQuery』名称冲突使用noConflict方法解决
2013/04/22 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
2014/11/23 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
vue组件间通信解析
2017/03/01 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
2017/10/20 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
提升Python程序性能的7个习惯
2019/04/14 Python
Python弹出输入框并获取输入值的实例
2019/06/18 Python
Python基础之函数基本用法与进阶详解
2020/01/02 Python
Django通过json格式收集主机信息
2020/05/29 Python
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
俄罗斯皮肤健康中心:Pharmacosmetica.ru
2020/02/22 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
实习生求职自荐信
2014/02/07 职场文书
婚假请假条怎么写
2014/04/10 职场文书
村道德模范事迹材料
2014/08/28 职场文书
高中学校对照检查材料
2014/08/31 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
陶瓷类经典广告语集锦
2019/10/25 职场文书