JS中循環的遍歷

在js中我們一般都使用for循環，但是這樣的代碼見的多了，總是感覺到審美疲勞，而且有更好的方式可以替代for循環，比如js的foreach和jquery的each.

我們看一行代碼，這是一個多選框(html代碼)

<input type="checkbox" name="senceIds" lay-skin="primary" value=‘1‘ title=‘全自助黃金卡‘ checked />

<input type="checkbox" name="senceIds" lay-skin="primary" value=‘2‘ title=‘測試儲值卡‘ />
 


<input type="checkbox" name="senceIds" lay-skin="primary" value=‘3‘ title=‘私教卡‘ />

?

定義一個數組var arr1 = [ "aaa", "bbb", "ccc" ]

如果我們采用jquery的each方式，我們可以如下方式那樣使用

var chk_value =[];//定義一個數組

$(‘input[name="senceIds"]:checked‘).each(function(index){

    chk_value.push($(this).val());

});

classTypeIds =
 
 chk_value.join(",");

/**----------------**/

$.each(arr1, function(i,val){      

      clonsole.log(i); /**每一個元素的索引**/

      console.log(val);/**每一個元素的值**/

});   

?

如果多選後，我們可看到classTypeIds的值為"1,2,3",index為所遍歷的索引

相對數組，我們可以拿出數組中的每一個值及它的索引

如果我們采用js的foreach方式，我們可以如下這樣使用

var arr = [1,2,3,4,5];

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


   console.log(val);

   console.log(index);

}

JS中循環的多種使用方式