首页 >web前端 >js教程 >如何使用循环迭代 JavaScript 对象?

如何使用循环迭代 JavaScript 对象?

DDD
DDD原创
2024-12-25 06:42:13395浏览

How Do I Iterate Over JavaScript Objects Using Loops?

循环和枚举 JavaScript 对象

枚举或迭代 JavaScript 对象的元素是一项常见任务。考虑以下对象:

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

使用 for-in 循环遍历键和值:

for-in 循环允许您迭代以下对象的可枚举属性一个物体。下面是如何将它与 p 对象一起使用:

for (var key in p) {
    console.log(key + " -> " + p[key]);
}

此循环将打印以下对:

  • p1 ->值1
  • p2 -> value2
  • p3 -> value3

处理继承的属性(可选):

需要注意的是,默认情况下,for-in 循环也会迭代继承的属性。如果只想列出对象直接拥有的属性,可以使用 hasOwnProperty:

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        console.log(key + " -> " + p[key]);
    }
}

以上是如何使用循环迭代 JavaScript 对象?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn