首页 >> js开发 >> jsJquery $.map使用方法实例详解js大全
jsJquery $.map使用方法实例详解js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
$.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);
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];
});
var array = [0, 1, 52, 97];
array = $.map(array, function(a, index) {
return [a - 45, index];
}); 输出为:
[-45, 0, -44, 1, 7, 2, 52, 3][-45, 0, -44, 1, 7, 2, 52, 3]以上就是本文的全部内容,希望对大家的学习有所帮助。
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);
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];
});
var array = [0, 1, 52, 97];
array = $.map(array, function(a, index) {
return [a - 45, index];
}); 输出为:
[-45, 0, -44, 1, 7, 2, 52, 3][-45, 0, -44, 1, 7, 2, 52, 3]以上就是本文的全部内容,希望对大家的学习有所帮助。
相关文章:
- JavaScriptNode.js path模块,获取文件后缀名操作
- JavaScriptNuxt.js nuxt-link与router-link的区别说明
- jsVue路由权限控制解析js大全
- js详解Vue中的watch和computedjs大全
- js你不知道的SpringBoot与Vue部署解决方案js大全
- jsvue 避免变量赋值后双向绑定的操作js大全
- js解决vue 使用axios.all()方法发起多个请求控制台报错的问题js大全
- jsaxios解决高并发的方法:axios.all()与axios.spread()的操作js大全
- jsWebpack的Loader和Plugin的区别js大全
- js解决vue watch数据的方法被调用了两次的问题js大全