Jquery $.map使用方法实例详解


Posted in jQuery onSeptember 01, 2020

$.map() 函数用于使用指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回。

注意:

1. 在jQuery 1.6 之前,该函数只支持遍历数组;从 1.6 开始,该函数也支持遍历对象。

2. map()还会为函数传入两个参数:其一是当前迭代的元素或属性值,其二是当前迭代项的数组索引或对象属性名。

3. 该函数返回值将作为结果数组中的一个元素,如果返回值为null或undefined,则不会被添加到结果数组中。

$.map(data,function(item,index){return XXX})

遍历data数组中的每个元素,并按照return中的计算方式 形成一个新的元素,放入返回的数组中

var b = $.map( [55,1,2], function( item,index ) { return { "label": item, "value": index }});
            alert(b[0].label +" "+ b[0].value);

[55,1,2]是一个数组,按照return的条件,,,,function 中的item,为55时,index也就是数组的下标就为0

$.map()括号中就相当于一个循环

循环多条数据,把数据定义为b

var array = [0, 1, 52, 97];
array = $.map(array, function(a, index) {
 return [a - 45, index];
});

输出为:

[-45, 0, -44, 1, 7, 2, 52, 3]

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jquery仿微信聊天界面
May 06 jQuery
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
jqueryUI tab标签页代码分享
Oct 09 jQuery
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
jQuery实现飞机大战小游戏
Jul 05 jQuery
jquery实现淡入淡出轮播图效果
Dec 13 jQuery
jquery实现图片放大镜效果
Dec 23 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 #jQuery
JQuery使用数组遍历跳出each循环
Sep 01 #jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 #jQuery
jQuery实现动态加载瀑布流
Sep 01 #jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 #jQuery
jQuery编写QQ简易聊天框
Aug 27 #jQuery
jQuery实现简单QQ聊天框
Aug 27 #jQuery
You might like
在PHP中使用curl_init函数的说明
2010/11/02 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
php中preg_replace_callback函数简单用法示例
2016/07/21 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
JavaScript中的prototype使用说明
2010/04/13 Javascript
js操作二级联动实现代码
2010/07/27 Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
2011/09/29 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
jquery操作select大全
2014/04/25 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
2015/05/04 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
bootstrap实现每隔5秒自动轮播效果
2016/12/20 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
H5图片压缩与上传实例
2017/04/21 Javascript
Javascript的this详解
2019/03/23 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python删除特定文件的方法
2015/07/30 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
np.dot()函数的用法详解
2020/01/17 Python
python中可以声明变量类型吗
2020/06/18 Python
超市营业员岗位职责
2013/12/20 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
给老师的道歉信
2014/01/11 职场文书
人事科岗位职责范本
2014/03/02 职场文书
药店营业员岗位职责
2015/04/14 职场文书