js中的遍历和jquery中的遍历

1.map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。

使用实例：

var ary = [12,23,24,42,1];var res = ary.map(function (item,index,input) {     return item*10;})console.log(res);//-->[120,230,240,420,10];
var ary = [12,23,24,42,1];var res = ary.map(function (item,index,input) {     return item*10;})console.log(res);//-->[120,230,240,420,10];

易犯错误

通常情况下，map 方法中的 callback 函数只需要接受一个参数（很多时候，自定义的函数形参只有一个），就是正在被遍历的数组元素本身。

但这并不意味着 map 只给 callback 传了一个参数（会传递3个参数）。这个思维惯性可能会让我们犯一个很容易犯的错误。

// 下面的语句返回什么呢:["1", "2", "3"].map(parseInt);// 你可能觉的会是[1, 2, 3]// 但实际的结果是 [1, NaN, NaN]// 通常使用parseInt时,只需要传递一个参数.但实际上,parseInt可以有两个参数.第二个参数是进制数.可以通过语句"alert(parseInt.length)===2"来验证.// map方法在调用callback函数时,会给它传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身.// 第三个参数parseInt会忽视, 但第二个参数不会,也就是说,parseInt把传过来的索引值当成进制数来使用.

2.forEach方法中的function回调支持3个参数，第1个是遍历的数组内容；第2个是对应的数组索引，第3个是数组本身。

var data=[1,3,4] ;

var sum=0 ;

data.forEach(function(val,index,arr){

  console.log(arr[index]==val); // ==> true

  sum+=val           

})

console.log(sum);         // ==> 8



3.标准的for循环
for(var i=1;i<array.length;i++){
    alert(array[i])
}

4.forin循环
for(var i in array){
    alert(array[i])
}

正常情况下上面两种遍历数组的方式结果一样。首先说两者的第一个区别

标准的for循环中的i是number类型,表示的是数组的下标,但是foreach循环中的i表示的是数组的key是string类型,因为js中一切皆为对象。自己试试 alert(typeof i);这个区别是小问题。现在我加上如下代码，上面的执行结果就不一样了。

5.jquery中的$.each()

对比jQuery中的$.each方法：

1

2

3

$.each([], function(index, value, array) {

  // ...

});

会发现，第1个和第2个参数和foreach()正好是相反的，大家要注意了，不要记错了。