JavaScript - 遍历对象“类”实例中的对象

Question

我正在尝试使用纯 JavaScript 遍历对象实例中的所有对象。

我尝试过这样的事情：

function a(){
    this.iterate = function(){
        for (var obj in this){
            console.log(obj);
        }
    }
}

var A = new a();
A.insertedValue = 20;
A.iterate();

执行此操作时，不会为 insertValue 记录例如“20”，而是简单地记录变量的名称，如“insertedValue”。

是否有更好的方法来循环遍历对象实例中的所有对象，或者有一种方法可以从我正在循环的对象中获取值？

Answer 1

有没有更好的方法来循环遍历所有对象 对象的实例或从我的对象中获取值的方法 循环槽？

因为您只是在 this 中打印密钥，而不是使用 this[obj] 打印其值。

做起来

function a(){
    this.iterate = function(){
        for (var obj in this){
            console.log(this[obj]); //observe that this line has changed
        }
    }
}

Answer 2

您这样做的方式在很大程度上是正确的，只是for-in 循环遍历对象属性的名称，而不是它们的值。所以要输出属性的值，你使用this[name]:

function a(){
    this.iterate = function(){
        for (var name in this){
            console.log(name + "=" + this[name]);
        }
    };
}

请注意，for-in 将遍历对象的可枚举属性，包括从其原型继承的属性。如果您只想拥有属性，而不是继承属性，您可以通过hasOwnProperty检查该属性是否为“自己的”属性：

function a(){
    this.iterate = function(){
        for (var name in this){
            if (this.hasOwnProperty(name)) {
                console.log(name + "=" + this[name]);
            }
        }
    };
}

或者使用方便的Object.keys，它为您提供了一组自己的可枚举属性：

function a(){
    this.iterate = function(){
        Object.keys(this).forEach(function(name) {
            console.log(name + "=" + this[name]);
        });
    };
}