foreach和for循環區別「for遍歷字元串」

JS數組遍歷,基本就是for,for in ,foreach,forof,map等一些方法。做個筆記

**for循環「性能最高的」

for(var j = 0; j < arr.length; j++) {
   //常用,這個就夠了
}
//優化版for循環
for(var j = 0,len=arr.length; j < len; j++) {
   //使用臨時變數,將長度緩存起來,避免重複獲取數組長度,當數組較大時 優化效果才會明顯
}

實項:
for ( var  i=0;i<arrTmp.length;i++){
     console.log(i+ ": " +arrTmp[i])
}

//實例
var stemItem="",arrItem=r.data.metas.choices;  
for (let index = 0; index < arrItem.length; index++) {
  stemItem +='<div><input type="checkbox" id="'+index+'">
  <label for="'+index+'">'+arrItem[index]+'</label></div>';
}

forin 循環

for(j in arr) {
  //很多人用,但是性能分析,顯示它效率最低 
}
for ( var  i  in  objTmp){
     console.log(i+ ": " +objTmp[i])
}

**foreach循環

//forEach遍曆數組,三個參數依次是數組元素、索引、數組本身
arrTmp.forEach( function (value,index,array){
     console.log(value+ "," +index+ "," +array[index])
})

//Jquery 的$.each() 
數組
	$.each([52, 97], function(index, value) {
  		alert(index + ': ' + value); //index是索引-0:52;1:97
});

對象
var obj = {
		"ff": "在",
		"性別": 1
	};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );//ff:在
});

forof遍歷(需要es6支持)

for(let value of arr) {  
   //性能還好,但仍然比不上for循環
}); 

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/255609.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-15 12:28
下一篇 2024-12-15 12:28

相關推薦

發表回復

登錄後才能評論