基于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 相关文章推荐
求得div 下 img的src地址的js代码
Feb 28 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
在JS数组特定索引处指定位置插入元素
Jul 27 Javascript
js实现的星星评分功能函数
Dec 09 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
Aug 18 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
Sep 16 Javascript
vue中的v-model原理,与组件自定义v-model详解
Aug 04 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 Javascript
js实现简单的轮播图效果
Dec 13 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
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
实例讲解php数据访问
2016/05/09 PHP
php中yar框架实例用法讲解
2020/12/27 PHP
比较简单实用的使用正则三种版本的js去空格处理方法
2007/11/18 Javascript
js 表单验证方法(实用)
2009/04/28 Javascript
Prototype Selector对象学习
2009/07/23 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
javascript css styleFloat和cssFloat
2010/03/15 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
使用百度地图api实现根据地址查询经纬度
2014/12/11 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
详解vue + vuex + directives实现权限按钮的思路
2017/10/24 Javascript
JavaScript中使用import 和require打包后实现原理分析
2018/03/07 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
JavaScript修改注册表实例代码
2020/01/05 Javascript
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
详解使用pymysql在python中对mysql的增删改查操作(综合)
2017/01/18 Python
解决nohup重定向python输出到文件不成功的问题
2018/05/11 Python
解读python如何实现决策树算法
2018/10/11 Python
python多进程读图提取特征存npy
2019/05/21 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
法国综合购物网站:RueDuCommerce
2016/09/12 全球购物
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔
2015/07/30 面试题
自我鉴定范文200字
2013/10/02 职场文书
澳大利亚商务邀请函
2014/01/17 职场文书
优秀班集体获奖感言
2014/02/03 职场文书
爱心捐助倡议书
2014/05/19 职场文书
2015年三八妇女节活动总结
2015/02/06 职场文书
Redis如何一键部署脚本
2021/04/12 Redis