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 replace方法去空格
May 08 jQuery
Jquery中attr与prop的区别详解
May 27 jQuery
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
jquery图片预览插件实现方法详解
Jul 18 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery实现聊天机器人
Feb 08 jQuery
JQuery复选框全选效果如何实现
May 08 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
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
PHP+Apache+Mysql环境搭建教程
2016/08/01 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
IE和Firefox在JavaScript应用中的兼容性探讨
2008/04/01 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
深入理解JS addLoadEvent函数
2016/05/20 Javascript
JavaScript数据结构链表知识详解
2016/11/21 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
javascript 初学教程及五子棋小程序的简单实现
2017/07/04 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
[09:22]2014DOTA2西雅图国际邀请赛 主赛事第二日TOPPLAY
2014/07/21 DOTA
实例讲解Python中的私有属性
2014/08/21 Python
Python实现翻转数组功能示例
2018/01/12 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
python处理excel绘制雷达图
2019/10/18 Python
python之array赋值技巧分享
2019/11/28 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
利用Python实现朋友圈中的九宫格图片效果
2020/09/03 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
遵纪守法演讲稿
2014/05/23 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
工作收入证明模板
2014/10/10 职场文书
整改通知书
2015/04/20 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书