博士tl;

在ECMAScript 2017中，只需调用Object.entries(yourObj)。 在ECMAScript 2015中，地图是可以实现的。 在ECMAScript 5中，这是不可能的。

2017年ECMAScript

ECMAScript 2017引入了一个新的对象。条目的函数。你可以使用它来迭代你想要的对象。

'use strict';

const object = {'a': 1, 'b': 2, 'c' : 3};

for (const [key, value] of Object.entries(object)) {
  console.log(key, value);
}

输出

a 1
b 2
c 3

ECMAScript 2015

在ECMAScript 2015中，没有Object。条目，但你可以使用Map对象代替，并使用Map.prototype.entries迭代它们。引用那一页的例子，

var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

var mapIter = myMap.entries();

console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]

或者使用for..像这样

'use strict';

var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

for (const entry of myMap.entries()) {
  console.log(entry);
}

输出

[ '0', 'foo' ]
[ 1, 'bar' ]
[ {}, 'baz' ]

Or

for (const [key, value] of myMap.entries()) {
  console.log(key, value);
}

输出

0 foo
1 bar
{} baz

ECMAScript 5：

不，物体是不可能的。

你应该使用for..in或Object。键，像这样

for (var key in dictionary) {
    // check if the property/key is defined in the object itself, not in parent
    if (dictionary.hasOwnProperty(key)) {           
        console.log(key, dictionary[key]);
    }
}

注意:上面的if条件只有在你想要遍历字典对象自己的属性时才有必要。因为for..in将遍历所有继承的可枚举属性。

Or

Object.keys(dictionary).forEach(function(key) {
    console.log(key, dictionary[key]);
});

欢迎来到2020 *流口水在ES6*

这里有一些相当老的答案——利用解构的优势。在我看来，这无疑是迭代对象最好的(非常可读的)方法。

const myObject = { 尼克:“笼子”, 菲尔:“墨”, }; Object.entries(myObject).forEach(([k,v]) => { console.log("The key: "， k) console.log("The value: "， v) })

编辑:

正如Lazerbeak所提到的，map允许您循环一个对象并使用键和值来创建数组。

const myObject = { 尼克:“笼子”, 菲尔:“墨”, }; const myArray = Object.entries(myObject)。Map (([k, v]) => { 键'${k}'的值为'${v}'; })； console.log (myArray);

编辑2:

要解释代码行中发生了什么:

Object.entries(myObject).forEach(([k,v]) => {}

object .entries()将对象转换为数组的数组:

[["nick", "cage"], ["phil", "murray"]]

然后我们在外层数组上使用forEach:

1st loop: ["nick", "cage"]
2nd loop: ["phil", "murray"]

然后我们用([k,v])“解构”值(我们知道它将始终是一个数组)，因此k成为第一个名字，v成为最后一个名字。

你可以这样做:

dictionary = {'ab': {object}, 'cd':{object}, 'ef':{object}}
var keys = Object.keys(dictionary);

for(var i = 0; i < keys.length;i++){
   //keys[i] for key
   //dictionary[keys[i]] for the value
}

试试这个:

var value;
for (var key in dictionary) {
    value = dictionary[key];
    // your code here...
}

Object.entries()方法已经在ES2017中被指定(并且在所有现代浏览器中都被支持):

for (const [ key, value ] of Object.entries(dictionary)) {
    // do something with `key` and `value`
}

解释:

object .entries()接受像{a: 1, b: 2, c: 3}这样的对象，并将其转换为键值对数组:[['a'， 1]， ['b'， 2]， ['c'， 3]]。 与for…我们可以循环遍历这样创建的数组的项。 因为我们保证这样迭代的每个数组项本身都是一个有两个条目的数组，所以我们可以使用解构直接将变量key和value赋值给它的第一项和第二项。

您可以使用下面的脚本。

var obj={1:"a",2:"b",c:"3"};
for (var x=Object.keys(obj),i=0;i<x.length,key=x[i],value=obj[key];i++){
    console.log(key,value);
}

输出 1 2 b c 3