如何在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 5中,它是不可能的.
2. 在ECMAScript 2015中,可以使用Maps.
3. 在ECMAScript 2017中,它将随时可用.

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上面的条件是必要的,只有当你要重复它们的属性dictionary对象的自己.因为for..in将遍历所有继承的可枚举属性.

要么

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

ECMAScript 2015

在ECMAScript 2015中,您可以使用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 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

Answer 2

欢迎来到 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])sok成为名字并v成为姓氏。

Answer 3

试试这个:

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 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在其第一和第二项.

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