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编写textarea输入字数限制代码
Mar 23 jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
jQuery常见面试题之DOM操作详析
Jul 05 jQuery
jquery.validate.js 多个相同name的处理方式
Jul 10 jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
jquery实现左右轮播切换效果
Jan 01 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
详解jquery和vue对比
Apr 16 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
jQuery中event.target和this的区别详解
Aug 13 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数组函数序列之array_search()- 按元素值返回键名
2011/11/04 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
php.ini save_handler 修改不生效的解决办法
2014/07/22 PHP
php实现通过ftp上传文件
2015/06/19 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
window.ActiveXObject使用说明
2010/11/08 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
2020/09/12 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
2015/05/14 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
2016/05/30 Javascript
JavaScript中setter和getter方法介绍
2016/07/11 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
微信小程序 loading(加载中提示框)实例
2016/10/28 Javascript
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
2017/09/08 Javascript
基于Vue渲染与插件的加载顺序的问题详解
2018/03/05 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
Jquery获取radio选中值实例总结
2019/01/17 jQuery
原生js代码能实现call和bind吗
2019/07/31 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
在MAC上搭建python数据分析开发环境
2016/01/26 Python
Django中的Signal代码详解
2018/02/05 Python
Python闭包函数定义与用法分析
2018/07/20 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
使用Tkinter制作信息提示框
2020/02/18 Python
python中加背景音乐如何操作
2020/07/19 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
什么是事务?为什么需要事务?
2012/01/09 面试题
思想政治自我鉴定
2013/10/06 职场文书
营销学习心得体会
2014/09/12 职场文书
共青团员自我评价范文
2014/09/14 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
师德师风个人总结
2015/02/06 职场文书
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技