基于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 相关文章推荐
javascript读取xml
Nov 04 Javascript
javascript 读取xml,写入xml 实现代码
Jul 10 Javascript
javascript下判断一个元素是否存在的代码
Mar 05 Javascript
浅析JavaScript声明变量
Dec 21 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
Bootstrap php制作动态分页标签
Dec 23 Javascript
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
如何从头实现一个node.js的koa框架
Jun 17 Javascript
详解JavaScript之ES5的继承
Jul 08 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
Vue SPA 首屏优化方案
Feb 26 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引用返回与取消引用的详解
2013/06/08 PHP
php缩放gif和png图透明背景变成黑色的解决方法
2014/10/14 PHP
php下pdo的mysql事务处理用法实例
2014/12/27 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
js 将线性数据转为树形的示例代码
2019/05/28 Javascript
原生js实现随机点名
2020/07/05 Javascript
Python基于dom操作xml数据的方法示例
2018/05/12 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
Python登录系统界面实现详解
2019/06/25 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
DTD的含义以及作用
2014/01/26 面试题
客户经理岗位职责
2013/12/08 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
师德标兵先进事迹材料
2014/12/19 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书
感恩主题班会教案
2015/08/12 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书
python基础学习之递归函数知识总结
2021/05/26 Python