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