基于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 相关文章推荐
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
防止Node.js中错误导致进程阻塞的办法
Aug 11 Javascript
AngularJs Dependency Injection(DI,依赖注入)
Sep 02 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
原生JS实现小小的音乐播放器
Oct 16 Javascript
深入理解Vue nextTick 机制
Apr 28 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
webpack 最佳配置指北(推荐)
Jan 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
数字转英文
2006/12/06 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
CodeIgniter配置之config.php用法实例分析
2016/01/19 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
表单元素的submit()方法和onsubmit事件应用概述
2013/02/01 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
jquery showModelDialog的使用方法示例详解
2013/11/19 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
node.js中的emitter.emit方法使用说明
2014/12/10 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
Python 函数绘图及函数图像微分与积分
2019/11/20 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
Python定义一个函数的方法
2020/06/15 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
忠诚教育心得体会
2014/09/03 职场文书
2014年公务员工作总结
2014/11/18 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
正确使用MySQL update语句
2021/05/26 MySQL
Python一些基本的图像操作和处理总结
2021/06/23 Python