如何在 JavaScript 中迭代（键、值）？

Question

我有一本字典，格式为

dictionary = {0: {object}, 1:{object}, 2:{object}}

我怎样才能通过做类似的事情来遍历这本字典

for ((key, value) in dictionary) {
    //Do stuff where key would be 0 and value would be the object
}

Answer 1

tl;博士

1. 在 ECMAScript 2017 中，只需调用Object.entries(yourObj) 。
2. 在 ECMAScript 2015 中，可以使用Map 。
3. 在 ECMAScript 5 中，这是不可能的。

ECMAScript 2017

ECMAScript 2017 引入了一个新的Object.entries函数。 您可以根据需要使用它来迭代对象。

'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.entries但您可以使用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..of迭代，像这样

'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' ]

或者

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

输出

0 foo
1 bar
{} baz

---

ECMAScript 5：

不，对象是不可能的。

您应该使用for..in或Object.keys进行迭代，就像这样

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]);
    }
}

注意：只有当您想遍历dictionary对象自己的属性时，才需要上面的if条件。 因为for..in将遍历所有继承的可枚举属性。

或者

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

Answer 2

尝试这个：

dict = {0:{1:'a'}, 1:{2:'b'}, 2:{3:'c'}}
for (var key in dict){
  console.log( key, dict[key] );
}

0 Object { 1="a"}
1 Object { 2="b"}
2 Object { 3="c"}

Answer 3

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 ... of我们可以遍历如此创建的数组的条目。

• 由于我们保证每个如此迭代的数组项本身都是一个双条目数组，因此我们可以使用解构将变量key和value直接分配给它的第一项和第二项。

Answer 4

欢迎来到 2020 * ES6 中的 Drools*

这里有一些非常古老的答案 - 利用解构。 在我看来，这无疑是迭代对象的最好（非常易读）的方式。

 const myObject = { nick: 'cage', phil: 'murray', }; Object.entries(myObject).forEach(([k,v]) => { console.log("The key: ", k) console.log("The value: ", v) })

编辑：

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

 const myObject = { nick: 'cage', phil: 'murray', }; const myArray = Object.entries(myObject).map(([k, v]) => { return `The key '${k}' has a value of '${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成为姓氏。

Answer 5

尝试这个：

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

Answer 6

你可以这样做：

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
}

Answer 7

我认为快速简便的方法是

Object.entries(event).forEach(k => {
    console.log("properties ... ", k[0], k[1]); });

只需查看文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

Answer 8

使用 swagger-ui.js

你可以这样做 -

_.forEach({ 'a': 1, 'b': 2 }, function(n, key) {
    console.log(n, key);
 });

Answer 9

您可以使用以下脚本。

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 乙
3

Answer 10

作为对已接受答案的改进，为了减少嵌套，您可以改为这样做，前提是密钥不是继承的：

for (var key in dictionary) {
    if (!dictionary.hasOwnProperty(key)) {
        continue;
    }
    console.log(key, dictionary[key]);
}

编辑：关于Object.hasOwnProperty信息在这里

Answer 11

您可以使用 JavaScript forEach循环：

myMap.forEach((value, key) => {
    console.log('value: ', value);
    console.log('key: ', key);
});