如何在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
}

- nbroeking

---

for (let [key, value] of Object.entries(obj))需要使用Babel。 （说明：这是一段JavaScript代码，使用了ES6中的解构赋值和Object.entries()方法。Babel是一个用于将新版本的JavaScript代码转换成旧版本兼容代码的工具。） - elclanrs

@elclanrs 这是ES2016，但它尚未标准化 :-) - thefourtheye

@dooagain，在这个问题中不是一个数组。 - zangw

Answer 1

总结

在 ECMAScript 2017 中，只需调用 Object.entries(yourObj) 即可迭代对象。在 ECMAScript 2015 中，可以使用 Map 来实现。而在 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]);
    }
}

注意：上面的 if 条件只有在你想迭代那些属于字典对象自己的属性时才是必要的。因为 for...in 会遍历所有继承的可枚举属性。

或者

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

- thefourtheye

---

这里有一个基本的疑问。我来到这里是想了解如何在node.js中使用javascript进行服务器端编程。我该如何知道适用于我的情况的ES版本是哪个？此外，对于普通的javascript用户，应该采取什么正确的方式来支持，因为我了解到ES版本取决于客户端的浏览器？ - Sandeepan Nath

@SandeepanNath 您可以使用 https://node.green/ 等网站来了解特定的 ES 功能是否受您的 Node.js 支持。就浏览器而言，人们通常会针对广泛支持的版本，例如 ES5。除此之外，转译器（例如 Babel）有助于将 ES2015+ 代码转换为 ES5。 - thefourtheye

我很喜欢 Object.keys(dictionary).forEach(function(key) {… 这段代码，它非常易读且兼容。 - ctrl-alt-delor

Object.entries(object).forEach(([key, val]) => {...}); - Krimson

ECMAScript 2015的解决方案在上面抛出了"TypeScript和Iterator：类型'IterableIterator<T>'不是数组类型"，但是普通的myMap().foreach()运行良好。 - ttugates

为避免过多的缩进，最好写成 for (var key in dictionary) {if (!parameters.hasOwnProperty(key)) {continue;} console.log(key, dictionary[key]);}。 - kloddant

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"}

- alex10

---

这应该是被接受的答案。已经有一个被接受的答案了。 - coolcool1994

这是答案。 - Jerry Chen

Answer 3

欢迎来到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 变成了姓氏。

- Steve

---

请注意：如果您在上述代码中将forEach替换为map，则可以聚合值。 map然后将返回该值的列表，因此可能以其他方式简化代码。 - Lazerbeak12345

Answer 4

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分别赋值给其第一和第二项。

- Loilo

Answer 5

试一试：

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

- AMACB

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
}

- Dhaval Chaudhary

---

太棒了！我喜欢你的答案如何在 ECMAscript 5 中运行，尽管被接受和大部分点赞的答案说这是不可能的。你应该得到更多的赞。 - lilHar

Answer 7

我认为快速而简单的方法是：

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

请查看文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

涉及IT技术相关内容，请您自行了解。

- Jonathan

---

更好的写法：使用Object.entries(obj)方法将对象转化为键值对数组，然后使用forEach()方法遍历数组，解构出每个键值对中的key和value，最后打印出它们。代码示例： Object.entries(obj).forEach(([key, value]) => { console.log(${key} ${value}); }); - Hani

Answer 8

使用swagger-ui.js

你可以这样做 -

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

- deeshank

Answer 9

作为对已接受答案的改进，为了减少嵌套，你可以这样做，前提是键没有被继承：

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

Edit: info about Object.hasOwnProperty here

- kloddant

Answer 10

您可以使用以下脚本。最初的回答（Original Answer）：

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 a
2 b
c 3

最初的回答

- Michael Piper

---

#将输出#c 3 #1 a #2 b - Michael Piper

请添加解释到你的回答中，仅有代码不太有帮助。同时，您可以编辑您的答案，评论并不意味着您正在以您现在使用它们的方式扩展答案。 - Viktor