如果您的环境支持ES2017，那么我将推荐Object.entries：

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

如Mozillas Object.entries（）文档所示：

Object.entries（）方法返回给定对象自身的数组可枚举属性[key，value]对，顺序与由…提供。。。in循环（区别在于for in循环还列举了原型链中的财产）。

基本上，使用Object.entries，我们可以放弃旧的for。。。循环中：

// This step is not necessary with Object.entries
if (object.hasOwnProperty(property)) {
  // do stuff
}

虽然最高评级的答案是正确的，但这里有一个备用用例，即如果您正在迭代一个对象，并希望最终创建一个数组。使用.map而不是forEach

const newObj = Object.keys(obj).map(el => {
    //ell will hold keys 
   // Getting the value of the keys should be as simple as obj[el]
})

现在，只需添加Symbol.iterator方法，就可以将标准JS对象转换为可迭代对象。然后可以使用for循环并直接访问其值，甚至可以在对象上使用扩展运算符。凉的让我们看看如何做到：

var o＝{a:1，b:2，c:3}，a=[]；o[Symbol.iiterator]=函数*（）{var ok=对象.keys（this）；i＝0；而（i＜ok长度）产生这个[ok[i++]]；};for（o的var值）console.log（value）；//或者你甚至可以这样做a=[…o]；控制台日志（a）；

检查类型

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

typeof propt

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

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

您基本上希望循环遍历对象中的每个属性。

JSFiddle公司

var Dictionary = {
  If: {
    you: {
      can: '',
      make: ''
    },
    sense: ''
  },
  of: {
    the: {
      sentence: {
        it: '',
        worked: ''
      }
    }
  }
};

function Iterate(obj) {
  for (prop in obj) {
    if (obj.hasOwnProperty(prop) && isNaN(prop)) {
      console.log(prop + ': ' + obj[prop]);
      Iterate(obj[prop]);
    }
  }
}
Iterate(Dictionary);

你可以使用Lodash。文件

var obj = {a: 1, b: 2, c: 3};
_.keys(obj).forEach(function (key) {
    ...
});