在这里，我迭代每个节点并创建有意义的节点名称。如果您注意到，instanceOfArray和instanceOfObject几乎做了相同的事情（在我的应用程序中，我给出了不同的逻辑）

function iterate(obj,parent_node) {
    parent_node = parent_node || '';
    for (var property in obj) {
        if (obj.hasOwnProperty(property)) {
            var node = parent_node + "/" + property;
            if(obj[property] instanceof Array) {
                //console.log('array: ' + node + ":" + obj[property]);
                iterate(obj[property],node)
            } else if(obj[property] instanceof Object){
                //console.log('Object: ' + node + ":" + obj[property]);
                iterate(obj[property],node)
            }
            else {
                console.log(node + ":" + obj[property]);
            }
        }
    }
}

注：我受到了翁德雷·斯文达尔（Ondrej Svejdar）的回答的启发。但此解决方案具有更好的性能和更少的模糊性

实现这一点的简单明了的方法，即不迭代原型的现代JS，如下所示：

Object.prototype.iterateProperties = ((callback) => {
   Object.keys(obj).filter(key => obj.hasOwnProperty(key)).forEach((key) => {
      callback(key, obj[key]);
   });
});

解释

这段代码在所有对象的原型中创建了一个可以在每个object实例中访问的函数。该函数迭代对象的所有自己的财产，并运行回调函数，该函数为对象中的每个属性获取（键、值）。

使用示例

obj.iterateProperties((key, value) => console.log(key + ': ' + value));

检查类型

您可以检查propt如何表示对象属性

typeof propt

发现它只是一个字符串（属性名称）。由于for in js“内置”循环的工作方式，它会生成对象中的每个属性。

变量obj={name:“西蒙”，年龄：“20”，服装：{style：“简单”，嬉皮士：假}}for（obj中的var propt）{console.log（propt类型，propt+：“+obj[propt]）；}

为何在循环中，它创建了一个新变量（varsomeVariable），然后将给定对象的每个属性逐一存储在这个新变量（someVariable）中。因此，如果使用块｛｝，则可以进行迭代。考虑以下示例。

var obj = {
     name:'raman',
     hobby:'coding',
     planet:'earth'
     };

for(var someVariable in obj) {
  //do nothing..
}

console.log(someVariable); // outputs planet

jquery允许您立即执行以下操作：

$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

女孩和男孩们，我们在2019年，我们没有那么多时间打字。。。所以，让我们来做这个酷炫的新花式ECMAScript 2016：

Object.keys(obj).forEach(e => console.log(`key=${e}  value=${obj[e]}`));