基于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 使用手册(四)
Sep 23 Javascript
JavaScript 开发规范要求(图文并茂)
Jun 11 Javascript
jquery插件开发方法(初学者)
Feb 03 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
Nov 19 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
js生成随机数(指定范围)的实例代码
Jul 10 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
Nov 28 Javascript
jQuery Plupload上传插件的使用
Apr 19 jQuery
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 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
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
Yaf框架封装的MySQL数据库操作示例
2019/03/06 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
js控制frameSet示例
2013/09/10 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
2015/02/02 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
Web开发使用Angular实现用户密码强度判别的方法
2017/09/27 Javascript
浅谈vue中.vue文件解析流程
2018/04/24 Javascript
简单的三步vuex入门
2018/05/20 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
Python-基础-入门 简介
2014/08/09 Python
使用python开发vim插件及心得分享
2014/11/04 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
python PIL和CV对 图片的读取,显示,裁剪,保存实现方法
2019/08/07 Python
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
Coggles美国/加拿大:高级国际时装零售商
2018/10/23 全球购物
物业电工岗位职责
2013/11/20 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
学术会议通知
2015/04/15 职场文书
廉政承诺书范文
2015/04/28 职场文书
2015新教师教学工作总结
2015/07/22 职场文书
《清澈的湖水》教学反思
2016/02/17 职场文书
2019个人半年工作总结
2019/06/21 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis
JavaScript实现音乐播放器
2022/08/14 Javascript