JavaScript for-loop V.S jQuery $.each();

最近在寫JavaScript逐漸的轉為jquery語法
例如JavaScript 的 for 迴圈,改為jquery 的$.each()
用法如下:

JavaScript - for-loop

var mealArray = ["breakfast", "lunch", "dinner"];

for (var index = 0; index < mealArray.length ; index++){
alert( mealArray[ index ] );
}
//以上迴圈 難用

for ( var index in mealArray){
alert( mealArray[ index ] );
}
//以上比較類似JAVA 的for(Object o : Array) , 但還是需要有index來取值

Jquery 版本

var mealArray = ["breakfast", "lunch", "dinner"];

$.each( mealArray , function( index , meal){
alert( meal ); // 無須透過index取值
alert( mealArray[ index] ); //但想透過index取值還是可以的
});
// 這就是jQuery寫法, 透過CallBackfunction方式取得該陣列所有的資料
// 且還可以忽略掉[index] <--因為我常常漏打導致錯誤