网站首页 > 技术文章 正文
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循环
});
猜你喜欢
- 2024-10-12 jQuery核心的3个面试问题 前端jquery面试题
- 2024-10-12 JavaScript基础知识系列:判断类型(上)
- 2024-10-12 jQuery获取父级、兄弟节点的方法 jq获取父级元素
- 2024-10-12 简(浅)析Angular和Jquery根本区别
- 2024-10-12 Web前端 | 什么是jQuery? jquery是前端还是后端
- 2024-10-12 javaScript数组的遍历操作 js遍及数组
- 2024-10-12 jQuery文档抄录 jquery路径怎么写
- 2024-10-12 Jquery相关 jquery示例
- 2024-10-12 jQuery 处理表单元素的值 jquery获取表单元素的值
- 2024-10-12 Java开发如何配置JQuery核心函数?
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- oraclesql优化 (66)
- 类的加载机制 (75)
- feignclient (62)
- 一致性hash算法 (71)
- dockfile (66)
- 锁机制 (57)
- javaresponse (60)
- 查看hive版本 (59)
- phpworkerman (57)
- spark算子 (58)
- vue双向绑定的原理 (68)
- springbootget请求 (58)
- docker网络三种模式 (67)
- spring控制反转 (71)
- data:image/jpeg (69)
- base64 (69)
- java分页 (64)
- kibanadocker (60)
- qabstracttablemodel (62)
- java生成pdf文件 (69)
- deletelater (62)
- com.aspose.words (58)
- android.mk (62)
- qopengl (73)
- epoch_millis (61)
本文暂时没有评论,来添加一个吧(●'◡'●)