如何使用'for...in”在 JavaScript 中安全地迭代对象属性？

使用 for...in 迭代对象属性

使用 for...in 循环迭代对象属性时，循环变量propt 表示正在访问的属性的键。但是，它不是对象的内置方法或属性。

for...in 循环检索对象本身的属性和从其原型继承的属性。这可能会出现问题，因为继承的属性可能不打算包含在迭代中。

使用 hasOwnProperty 进行精确迭代

要解决此问题，您可以添加for...in 循环中的 hasOwnProperty 检查：

for (var prop in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, prop)) {
        // Do stuff
    }
}

The hasOwnProperty 方法检查属性是否直接在对象中定义，而不是从其原型继承。通过使用此检查，您可以从迭代中排除继承的属性。

hasOwnProperty 与通过对象调用

或者，您可以通过对象本身调用 hasOwnProperty：

if (obj.hasOwnProperty(prop)) {
    // Do stuff
}

但是，如果对象具有不相关的字段，则这可能会失败与 hasOwnProperty 同名，如：

var obj = { foo: 42, hasOwnProperty: 'lol' };
obj.hasOwnProperty('foo'); // TypeError

为了避免这个问题，通过 Object.prototype 调用 hasOwnProperty 会更安全：

Object.prototype.hasOwnProperty.call(obj, 'foo'); // True

以上是如何使用'for...in”在 JavaScript 中安全地迭代对象属性？的详细内容。更多信息请关注PHP中文网其他相关文章！