遍历数据的常见操作

遍历数据最常见的方法就是for循环，出for循环外也有其他的一些比较好用的方法。

var array = [1,2,3,4,5];
//for循环1
for(let i = 0 ; i < array.length ; i++){
    console.log(array[i]);
}
//for循环2
for(let index in array){
    console.log(array[index]);
}
//for循环3
for(let item of array){
    console.log(item);
}

//遍历对象
var data = {    
    "李慧慧":145000,
    "安杰":135000,
    "Jom":15000
}
for(k in data){
    console.log("姓名："+k+";"+"对应值："+data[k]);
    //用data.Jom得到15000,但是用“data.安杰”会报错，因此，在用汉字做key值的时候，选取的时候应该用data[“安杰”],这种方式。
}

一、 forEach

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。

var array = [1,2,3,4,5];
array.forEach(function(item,index){
    console.log('index'+index);
    console.log(item);
});

与map方法的区别
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。
注意： map() 不会对空数组进行检测。map() 不会改变原始数组。

var array = [1,2,3,4,5];
var array_add = array.map(function(item){
    return item+=1;
});
console.log(array);// [1,2,3,4,5];
console.log(array_add);// [2,3,4,5,6];

二、 $.each()

这个方法是jQuery中定义的一个杂项方法。个人觉得比较好用。
语法:$.each( object, callback )
object:Object类型 指定需要遍历的对象或数组。
callback: Function类型 指定的用于循环执行的函数。

//遍历对象
var obj = {
    "flammable": "inflammable",
    "duh": "no duh"
};
$.each( obj, function( key, value ) {
    console.log( key + ": " + value );
});
//遍历数组
var array = [1,2,3,4,5];
$.each( array, function( index, item ) {
    console.log( index + ": " + item );
});

成功永远没有顺其自然，成功都是挑战出来的！鸟无翅膀不能飞，人无志气不成功！