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

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

DDD
发布: 2024-12-25 06:42:13
原创
390 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板