原生js的map方法
- 参数1:当前遍历到的元素
- 参数2:当前遍历到的索引
- 参数3:当前被遍历的数字
注意:和原生的forEach一样,不能遍历伪数组
jQuery中的map静态方法
参数1:要遍历的数组
参数2:每遍历一个元素之后执行的回调函数
回调函数的参数
参数1:遍历到的元素
参数2:遍历到的索引
注意:和jQuery中的each一样也可以遍历位伪数组
jQuery中的each静态方法和map静态方法的区别
each静态方法
- 默认的返回值:遍历谁就返回谁
- 不支持在回调函数中对遍历的数组进行处理
map静态方法
- 默认的返回值:一个空数组
- 可以在回调函数中通过return对遍历的数组进行处理,然后生成一个新的数组返回
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
var obj = {
0: 1,
1: 3,
2: 5,
3: 4,
4: 6,
6: 7,
length: 5
}
arr.map(function(value, index, array) {
console.log(index, value, array)
})
console.log('---------------')
$.map(obj, function(value, index) {
console.log(index, value)
})
console.log('---------------')
var res1 = $.map(obj, function(value, index) {
console.log(index, value)
return value + index
})
console.log('---------------')
var res2 = $.each(obj, function(index, value) {
console.log(index, value)
return value + index
})
每日一句
暂时的失利,比暂时的胜利好得多。