基于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 相关文章推荐
Exjs 入门篇
Apr 07 Javascript
基于Jquery的开发个代阴影的对话框效果代码
Jul 28 Javascript
jQuery 无刷新分页实例代码
Nov 12 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
详解jQuery选择器
Dec 21 Javascript
jQuery解析返回的xml和json方法详解
Jan 05 Javascript
微信小程序自定义prompt组件步骤详解
Jun 12 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 Javascript
ES6小技巧之代替lodash
Jun 07 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
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
php中拷贝构造函数、赋值运算符重载
2012/07/25 PHP
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
微信 getAccessToken方法详解及实例
2016/11/23 PHP
用javascript实现的支持lrc歌词的播放器
2007/05/17 Javascript
基于jquery的无限级联下拉框js插件
2011/10/29 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
js实现上传图片预览的方法
2015/02/09 Javascript
JavaScript数据结构与算法之栈详解
2015/03/12 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
Django框架组成结构、基本概念与文件功能分析
2019/07/30 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2020/02/06 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
斯洛伐克家具和时尚装饰品购物网站:Butlers.sk
2019/09/08 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
消防先进事迹材料
2014/02/10 职场文书
捐助倡议书范文
2014/04/15 职场文书
文明和谐家庭事迹材料(2016精选版)
2016/02/29 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
联想win10摄像头打不开怎么办?win10笔记本摄像头打不开解决办法
2022/04/08 数码科技
Python安装使用Scrapy框架
2022/04/12 Python
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫