优化for循环(js的问题)

简介: 优化for循环(js的问题)

性能优化

var array = [];
 
for (let index = 0; index < array.length; index++) {
    // do something
}
 
// 优化后
for (let index = 0, len = array.length; index < len; index++) {
    // do something
}

算法优化

// 求和:1 + 2 + 3 + 4 +... + 100
var sum = 0;
for (let i = 1; i <= 100; i++) {
    sum += i;
}
console.log(sum); // 5050
 
// 等差数列公式求和公式 Sn=n(a1+an)/2
console.log(((1 + 100) * 100) / 2); // 5050

例题:找出两个数,和为11,返回下标

var list = [1, 7, 3, 4, 5, 6];

方式一:

var loop = 0;
 
for (let i = 0; i < list.length; i++) {
    for (let j = 0; j < list.length; j++) {
        if (list[i] + list[j] == 11) {
            console.log(i, j);
            // 1 3, 3 1, 4 5, 5 4
        }
        console.log("loop", ++loop);
        // loop 36
    }
}

方式二:

var loop = 0;
for (let i = 0; i < list.length; i++) {
    let index = list.indexOf(11 - list[i]);
    
    if (index > -1) {
        console.log(i, index);
        // 1 3, 3 1, 4 5, 5 4
    }
 
    console.log("loop", ++loop);
    // loop 6
}
相关文章
|
3天前
|
JavaScript 前端开发 开发者
【JavaScript保姆级教程】for循环与for循环遍历数组
【JavaScript保姆级教程】for循环与for循环遍历数组
【JavaScript保姆级教程】for循环与for循环遍历数组
|
9月前
|
JavaScript 前端开发
JavaScript for循环遍历数组
JavaScript for循环遍历数组
|
1天前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
|
2天前
|
设计模式 存储 前端开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
|
3天前
|
XML Web App开发 前端开发
字节FE:JavaScript学习路线图
字节FE:JavaScript学习路线图
10 0
|
3天前
|
存储 移动开发 JavaScript
学习javascript,前端知识精讲,助力你轻松掌握
学习javascript,前端知识精讲,助力你轻松掌握
|
3天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
15 1
|
3天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
3天前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
3天前
|
JavaScript
Vue.js学习详细课程系列--共32节(6 / 6)
Vue.js学习详细课程系列--共32节(6 / 6)
28 0