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插件之validation插件
Mar 29 jQuery
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
jquery Form轻松实现文件上传
May 24 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jquery实现穿梭框功能
Jan 19 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.MVC的模板标签系统(二)
2006/09/05 PHP
php中取得URL的根域名的代码
2011/03/23 PHP
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
javascript 面向对象编程基础:封装
2009/08/21 Javascript
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
2009/11/27 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
javascript类型转换示例
2014/04/29 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
JS控制层作圆周运动的方法
2016/06/20 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
2016/08/29 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
jQuery判断是否存在滚动条的简单方法
2016/09/17 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
Python学习笔记之常用函数及说明
2014/05/23 Python
Python中使用SAX解析xml实例
2014/11/21 Python
Python的迭代器和生成器使用实例
2015/01/14 Python
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
用Python编写一个简单的CS架构后门的方法
2018/11/20 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
python爬虫增加访问量的方法
2019/08/22 Python
python 两个数据库postgresql对比
2019/10/21 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
Python实现像awk一样分割字符串
2020/09/15 Python
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
大专生工程监理求职信
2013/10/04 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
预备党员考察意见范文
2015/06/01 职场文书
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
Java线程的6种状态与生命周期
2022/05/11 Java/Android