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

IT技术 javascript dictionary object iterator
2021-01-27 22:33:58

我有一本字典,格式为

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
}
6个回答

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..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 解决方案抛出“TypeScript and Iterator: Type 'IterableIterator<T>' is not an array type”,但普通的 ol myMap().foreach()运行良好。
2021-03-14 22:33:58
@SandeepanNath 您可以使用像node.green这样的网站来了解您的 Node.js 中是否支持特定的 ES 功能。就浏览器而言,人们通常针对的是被广泛支持的版本,在这种情况下,就是 ES5。除此之外,转译器(如Babel)帮助将 ES2015+ 代码转换为 ES5。
2021-03-24 22:33:58
我喜欢Object.keys(dictionary).forEach(function(key) {…非常具有可读性和兼容性。
2021-03-25 22:33:58
Object.entries(object).forEach(([key, val]) => {...});
2021-03-26 22:33:58
这里有一个基本的疑问。我来到这里寻找如何在 node.js 中执行此操作,它是服务器端的 javascript。我怎么知道哪个 ES 版本适用于我的情况。另外,对于普通的 javascript 用户,据我所知,ES 版本取决于客户端的浏览器,支持的正确方法是什么?
2021-04-03 22:33:58

试试这个:

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"}
这应该是公认的答案。接受了这么久的答案。
2021-03-30 22:33:58

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

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

请注意:如果您替换forEachmap上面的,则可以聚合值。map然后将返回所述值的列表,从而可能以其他方式简化代码。
2021-03-14 22:33:58

试试这个:

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