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扩展_动力节点Java学院整理
Jul 05 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jQuery实现本地存储
Dec 22 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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
最省空间的计数器
2006/10/09 PHP
简单谈谈php中ob_flush和flush的区别
2014/11/27 PHP
PHP操作MySQL的mysql_fetch_* 函数的常见用法教程
2015/12/25 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
javascript unicode与GBK2312(中文)编码转换方法
2013/11/14 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
jquery+php后台实现省市区联动功能示例
2019/05/23 jQuery
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
JS的时间格式化和时间戳转换函数示例详解
2020/07/27 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
python 不以科学计数法输出的方法
2018/07/16 Python
为何人工智能(AI)首选Python?读完这篇文章你就知道了(推荐)
2019/04/06 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
html5使用window.postMessage进行跨域实现数据交互的一次实战
2021/02/24 HTML / CSS
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
为什么需要版本控制
2016/10/28 面试题
会计电算化专业应届大学生求职信
2013/10/22 职场文书
自荐信的基本格式
2014/02/22 职场文书
委托书模板
2014/04/04 职场文书
食品安全标语
2014/06/07 职场文书
管理岗位竞聘演讲稿
2014/08/18 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
利用 SQL Server 过滤索引提高查询语句的性能分析
2021/07/15 SQL Server
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android
Golang 并发下的问题定位及解决方案
2022/03/16 Golang
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android
MYSQL事务的隔离级别与MVCC
2022/05/25 MySQL