ES5比较Jquery中的each与map 方法?
Posted xsx123-
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES5比较Jquery中的each与map 方法?相关的知识,希望对你有一定的参考价值。
1.each
es5:
var arr = [1, 5, 7, 8, 9];
var arr1 = [];
arr.forEach(function (v, i) {
arr1.push(v * 4) //无法跳出循环 没有跳出循环的语句
});
jquery:
var arr = [ 1, 2, 3, 4, 5 ]
$.each( arr, function ( i, v ) { //arr可以是 数组|对象|伪数组 因为遍历的是数组对象
console.log( i + ‘, ‘ + v );
// return false; 如果想跳出循环 就用 return false
})
2.map
es5:
var arr = [ 1, 2, 3 ];
var newArr = arr.map( function ( v, i ) {
return v * 2;
});
// 在函数中如果不返回任何数据, 那么就是说返回 undefiend
jquery:
var array = $.map( arr, function ( v ) {
// return v * 2;
});
//arr可以是 数组|对象|伪数组
//如果不返回数据 那么就没有数据
以上是关于ES5比较Jquery中的each与map 方法?的主要内容,如果未能解决你的问题,请参考以下文章
javascript与jQuery的each,map回调函数参数顺序问题
jquery---调用静态方法-each--map-数组与伪数组的差别