如何循环或枚举JavaScript对象？

我有一个JavaScript对象，如下所示：

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

我如何循环遍历p的所有元素（p1、p2、p3…）并获取它们的键和值？

当前回答

var p=[｛“用户名”：“ordermanageadmin”，“user_id”：“2”，“resource_id”“Magento_Sales:：actions”}，｛“用户名”：“ordermanageadmin_1”，“user_id”：“3”，“resource_id”“Magento_Sales:：actions”｝]for（p中的var值）{for（值中的var键）{if（p.hasOwnProperty（键））{console.log（键+“->”+p[key]）；}}}

2018-06-26 14:34:43

其他回答

您必须使用for in循环

但在使用这种循环时要非常小心，因为这将沿着原型链循环所有财产。

因此，在循环中使用for时，请始终使用hasOwnProperty方法来确定迭代中的当前属性是否真的是要检查的对象的属性：

for (var prop in p) {
    if (!p.hasOwnProperty(prop)) {
        //The current property is not a direct property of p
        continue;
    }
    //Do your logic with the property here
}

2009-03-26 06:12:16

这是如何循环javascript对象并将数据放入表中的。<body><脚本>函数createTable（objectArray，fields，fieldTitles）{let body=document.getElementsByTagName（'body'）[0]；let tbl=document.createElement（'table'）；let thead=document.createElement（'head'）；let thr=document.createElement（'tr'）；for（objectArray[0]中的p）{let th=document.createElement（'th'）；th.appendChild（document.createTextNode（p））；thr.appendChild（th）；}thead.appendChild（thr）；tbl.appendChild（thead）；let tbdy=document.createElement（'tbody'）；let tr=document.createElement（'tr'）；objectArray.forEach（（对象）=>{设n＝0；let tr=document.createElement（'tr'）；for（objectArray[0]中的p）{var td=document.createElement（'td'）；td.appendChild（document.createTextNode（object[p]））；tr.appendChild（td）；n++；};tbdy.appendChild（tr）；});tbl.appendChild（tbdy）；body.appendChild（待定）返回tbl；}创建表格([｛name:“香蕉”，价格：“3.04”｝，//k[0]｛name:“Orange”，价格：“2.56”｝，//k[1]｛name:“苹果”，价格：“1.45”｝])</script>

2019-02-07 05:28:47

如果我们不提循环对象的其他方法，这个问题就不完整了。

如今，许多知名的JavaScript库提供了自己的方法来迭代集合，即在数组、对象和类数组对象上迭代。这些方法使用方便，与任何浏览器都完全兼容。

如果使用jQuery，可以使用jQuery.each（）方法。它可以用于对对象和数组进行无缝迭代：$.each（obj，函数（键，值）{console.log（键，值）；});在Undercore.js中，您可以找到方法_.each（），它遍历一个元素列表，依次生成一个提供的函数（注意iterate函数中参数的顺序！）：_.each（obj，函数（值，键）{console.log（键，值）；});Lo-Dash提供了几种迭代对象财产的方法。Basic _.forEach（）（或其别名_.each（））对于循环遍历对象和数组非常有用，但是（！）具有长度属性的对象被视为数组，为了避免这种行为，建议使用_.forIn（）和_.forOwn（）方法（这些方法也有值参数）：_.forIn（obj，函数（值，键）{console.log（键，值）；});_.forIn（）迭代对象的自身和继承的可枚举财产，而_.forOwn（）只迭代对象的自己的财产（基本上是检查hasOwnProperty函数）。对于简单对象和对象文本，这些方法中的任何一种都可以正常工作。

通常，所有描述的方法都具有与任何提供的对象相同的行为。除了将本机用于。。in循环通常比任何抽象（如jQuery.each（））都快，这些方法使用起来非常容易，需要更少的编码，并提供更好的错误处理。

2013-01-20 17:58:26

如果有人需要使用条件循环遍历arrayObjects：

var arrayObjects=〔｛“building”：“A”，“status”：“good”｝，｛“building”：“B”，“status”：“恐怖”｝〕；for（var i=0；i<arrayObjects.length；i++）{console.log（arrayObjects[i]）；for（arrayObjects[i]中的键）｛if（key==“status”&&arrayObjects[i][key]==“good”）{console.log（key+“->”+arrayObjects[i][key]）；}其他{console.log（“未找到任何内容”）；}}}

2016-07-22 03:48:23

在ECMAScript 5中，在literal-Object.keys的迭代字段中有了新的方法

您可以在MDN上看到更多信息

我的选择如下，作为当前版本浏览器（Chrome30、IE10、FF25）中的更快解决方案

var keys = Object.keys(p),
    len = keys.length,
    i = 0,
    prop,
    value;
while (i < len) {
    prop = keys[i];
    value = p[prop];
    i += 1;
}

您可以将此方法的性能与jsperf.com上的不同实现进行比较：

扩展实施对象键迭代对象文字迭代

您可以在Kangax的兼容表上看到浏览器支持

对于旧浏览器，您有简单而完整的polyfill

UPD:

perfjs.info上此问题中所有最常见情况的性能比较：

对象文字迭代

2013-11-16 19:59:49

如何循环或枚举JavaScript对象？

推荐文章

最新文章

标签