网站首页 > 技术文章 正文
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循环
});
- 上一篇: for和return,for和else之间的纠葛
- 下一篇: for 和 forEach #编程
猜你喜欢
- 2024-11-27 用for循环写一个九九乘法表
- 2024-11-27 三菱plc编程,FOR循环指令详解
- 2024-11-27 通过几个事例,就可以说明 for...of 循环在 JS 是不可或缺
- 2024-11-27 年近半百自学Python之流程控制break和continue
- 2024-11-27 C语言程序设计(谭浩强第五版) 第5章 循环结构程序设计 习题解析答案
- 2024-11-27 C语言for循环语句使用形式总结
- 2024-11-27 C# break和continue区别
- 2024-11-27 VBA基本语法之For循环结构,都有什么含义,具体该怎么使用?
- 2024-11-27 C语言(五):for,break,continue
- 2024-11-27 C语言for循环小例子
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-