基于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 相关文章推荐
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
在JavaScript中模拟类(class)及类的继承关系
May 20 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 11 Javascript
简单了解Vue computed属性及watch区别
Jul 10 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
服务器端解压缩zip的脚本
2006/12/22 PHP
PHP面向对象教程之自定义类
2014/06/10 PHP
php截取字符串函数分享
2015/02/02 PHP
PHP socket 模拟POST 请求实例代码
2016/07/18 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
小议javascript 设计模式 推荐
2009/10/28 Javascript
读jQuery之二(两种扩展)
2011/06/11 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
JavaScript设计模式学习之“类式继承”
2015/03/12 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
vue.js语法及常用指令
2017/10/29 Javascript
详解package.json版本号规则
2019/08/01 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
python中requests和https使用简单示例
2018/01/18 Python
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
python中for循环把字符串或者字典添加到列表的方法
2019/07/20 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
Python之指数与E记法的区别详解
2019/11/21 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
Python中有几个关键字
2020/06/04 Python
Python __slots__的使用方法
2020/11/15 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
应聘自荐信
2013/12/14 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
初中家长评语和期望
2014/12/26 职场文书
ktv服务员岗位职责
2015/02/09 职场文书
2015教师个人师德工作总结
2015/10/23 职场文书
Golang中channel的原理解读(推荐)
2021/10/16 Golang