基于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里的each使用方法详解
Dec 22 Javascript
jQuery图片的展开和收缩实现代码
Apr 16 Javascript
jquery 定位input元素的几种方法小结
Jul 28 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
Nov 14 Javascript
避免jQuery名字冲突 noConflict()方法
Jul 30 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
cdn模式下vue的基本用法详解
Oct 07 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
Sep 21 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
基于PHP输出缓存(output_buffering)的深入理解
2013/06/13 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
php技巧小结【推荐】
2017/01/19 PHP
PHP实现图的邻接矩阵表示及几种简单遍历算法分析
2017/11/24 PHP
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
20行代码实现的一个CSS覆盖率测试脚本
2013/07/07 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
Jquery Ajax xmlhttp请求成功问题
2015/02/04 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
2016/12/26 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
python实现的简单RPG游戏流程实例
2015/06/28 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
python xml解析实例详解
2016/11/14 Python
Python使用filetype精确判断文件类型
2017/07/02 Python
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
python-Web-flask-视图内容和模板知识点西宁街
2019/08/23 Python
pandas数据处理之绘图的实现
2020/06/15 Python
英国电子专家:maplin
2019/09/04 全球购物
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
领导班子四风问题对照检查材料
2014/09/27 职场文书
学年个人总结范文
2015/03/05 职场文书
物流业务员岗位职责
2015/04/03 职场文书
2016年助残日旅游活动总结
2016/04/01 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS
关于Vue中的options选项
2022/03/22 Vue.js
python通过新建环境安装tfx的问题
2022/05/20 Python