如何在JavaScript中迭代(键,值)?

我有一本格式为的字典

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
}
933824 次浏览

博士tl;

  1. 在ECMAScript 2017中,只需调用Object.entries(yourObj)即可。
  2. 在ECMAScript 2015中,可以使用Maps。
  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..inObject.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]);
});

试试这个:

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

试试这个:

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

你可以这样做:

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
}

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,我们可以循环遍历这样创建的数组的条目。

  • 因为我们保证 每个这样迭代的数组项本身是一个双条目数组,我们可以使用解构直接将变量keyvalue分配给它的第一和第二项。

使用swagger-ui.js

你可以这样做

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

我认为最快最简单的方法是

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

检查文档 # EYZ0 < / p >

作为对接受答案的改进,为了减少嵌套,你可以这样做,只要键不是继承的:

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

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

您可以使用下面的脚本。

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);
}
< br > < p >输出 1 < br > 2 b < br > c 3 < / p >

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

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

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成为最后一个名字。

你可以使用JavaScript forEach循环:

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