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 方法?的主要内容,如果未能解决你的问题,请参考以下文章

jquery中.map与each的区别?

javascript与jQuery的each,map回调函数参数顺序问题

jquery---调用静态方法-each--map-数组与伪数组的差别

jquery中的each函数和map函数的区别

Jquery 遍历数组之$().each方法与$.each()方法介绍

forEach()与each()方法的区别