关于html:第-50-题为什么-for-循环嵌套顺序会影响性能

外围：循环次数少的放在外层，缩小内层变量的操作次数

// 嵌套形式一
function first() {
    let startTime = new Date().getTime();

    for (let i = 0; i < 100; i++) {
        for (let j = 0; j < 1000; j++) {
            for (let k = 0; k < 10000; k++) {}
        }
    }

    let endTime = new Date().getTime();

    return endTime - startTime + 'ms';
}

// 嵌套形式二
function second() {
    let startTime = new Date().getTime();

    for (let i = 0; i < 10000; i++) {
        for (let j = 0; j < 1000; j++) {
            for (let k = 0; k < 100; k++) {}
        }
    }

    let endTime = new Date().getTime();

    return endTime - startTime + 'ms';
}

console.log(first()); // 382ms
console.log(second()); // 501ms

嵌套形式一

• i 执行 1 次 j 就会执行 1000 次 k 就会执行 1000 * 10000 次
• i 执行 100 次 j 就会执行 100 1000 次 k 就会执行 100 1000 * 10000 次
• 总次数 = i(100) + j(100,000) + k(1,000,000,000) = 1,000,100,100 次

循环体内执行次数为：1,000,100,100 次

嵌套形式二

• i 执行 1 次 j 就会执行 1000 次 k 就会执行 1000 * 100 次
• i 执行 10000 次 j 就会执行 10000 1000 次 k 就会执行 10000 1000 * 100 次
• 总次数= i(10,000) + j(10,000,000) + k(100,000,000) = 110,010,000 次

循环体内执行次数为：110,010,000 次

文章的内容/灵感都从下方内容中借鉴

• 【继续保护/更新 500+前端面试题/笔记】https://github.com/noxussj/In…
• 【大数据可视化图表插件】https://www.npmjs.com/package…
• 【利用 THREE.JS 实现 3D 城市建模（珠海市）】https://3d.noxussj.top/