js for 循环和 for in 性能差异

最新推荐文章于 2025-06-06 16:07:13 发布

原创最新推荐文章于 2025-06-06 16:07:13 发布 · 982 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

25 篇文章

订阅专栏

博客指出数据量大时，for...in和for循环性能差异明显。原因一是for...in的key为String类型，有转换过程，开销大，而for循环的i是Number类型，开销小；二是for...in需穷举对象所有属性，包括自定义属性，而for通过number遍历，开销小，建议用for遍历数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
    <script>
        var arr = new Array();
        for(let i=0; i<10000000; i++){
            arr.push(i);
        }
        
        //for将数组累加
        function forAdd (mayArr){
            let sum = 0;
            for(let i=0; i<mayArr.length; i++){
                sum += mayArr[i] 
            }
        }

        //for in 将数组累加
        function forInAdd(mayArr){
            let sum = 0;
            for(let key in mayArr){
                sum += mayArr[key];  
            }
        }

        //测试时间
        function timeTest( fun, mayArr, str) {
            let start_time,end_time;
            start_time = new Date().getTime(); 
            fun(mayArr);
            end_time = new Date().getTime(); 
            console.log(str,end_time-start_time) 
        } 
        
        timeTest(forAdd, arr, 'forAdd');
        timeTest(forInAdd, arr, 'forInAdd');
    </script>
</body>
</html>

结果: