1. 程式人生 > >ES5比較Jquery中的each與map 方法?

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可以是 陣列|物件|偽陣列
//如果不返回資料 那麼就沒有資料