for/for of/for in

原创已于 2022-12-06 20:44:46 修改 · 157 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2022-08-22 11:19:08 首次发布

这篇博客深入探讨了JavaScript中的三种循环结构：for循环用于按指定次数执行代码；for...in遍历对象的属性，包括原型链上的属性；for...of则用于迭代数组、字符串等可迭代对象的值。示例代码展示了它们在不同场景下的应用。

for

for循环可以将代码执行指定的次数。

        var arr = [1, 2, 3, 4];
        Array.prototype.name = "angela";
        arr.sex = "girl";
        for (var i=0;i<arr.length;i++){
            document.write(arr[i] + ","); // 返回 1,2,3,4
        }

for in

for in返回的是key，遍历整个对象的原型链（包括后添加的）。

        var arr = [1, 2, 3, 4];
        Array.prototype.name = "angela";
        arr.sex = "girl";
        for (let index in arr){
            document.write(index + ","); // 返回 0,1,2,3,name,sex
        }

for of

for of返回的是value，只遍历数组、字符串等有迭代对象（数组下标）的集合。

        var arr = [1, 2, 3, 4];
        Array.prototype.name = "angela";
        arr.sex = "girl";
        arr[5] = 6;
        for (let value in arr){
            document.write(value + ","); // 返回 1,2,3,4,undefined,6
        }