JS中循環的多種使用方式


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);
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM