基于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 相关文章推荐
js的event详解。
Sep 06 Javascript
js兼容标准的表格变色效果
Jun 28 Javascript
JS option location 页面跳转实现代码
Dec 27 Javascript
让FireFox支持innerText的实现代码
Dec 01 Javascript
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
移动端日期插件Mobiscroll.js使用详解
Dec 19 Javascript
bootstrap导航条实现代码
Dec 28 Javascript
jquery实现数字输入框
Feb 22 Javascript
vue-cli webpack 开发环境跨域详解
May 18 Javascript
Javascript Dom元素获取和添加详解
Sep 24 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 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
图形数字验证代码
2006/10/09 PHP
无数据库的详细域名查询程序PHP版(5)
2006/10/09 PHP
php实现mysql数据库备份类
2008/03/20 PHP
理解php原理的opcodes(操作码)
2010/10/26 PHP
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
基于PHP文件操作的详细诠释
2013/06/21 PHP
smarty缓存用法分析
2014/12/16 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
Javascript学习笔记9 prototype封装继承
2010/01/11 Javascript
JQuery.closest(),parent(),parents()寻找父结点
2012/02/17 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
2016/08/10 Javascript
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
js实现漫天星星效果
2017/01/19 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
Python2实现的LED大数字显示效果示例
2017/09/04 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
python清空命令行方式
2020/01/13 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
英国最大的奢侈珠宝和手表网站:C W Sellors
2017/02/10 全球购物
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
测绘工程个人的自我评价
2013/11/10 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
《小小雨点》教学反思
2014/02/18 职场文书
党员承诺书范文2015
2015/04/27 职场文书
班组长如何制订适合本班组的工作计划?
2019/07/10 职场文书