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

时间:2016-01-21 01:11:54

标签: javascript object iteration

我有一个格式为

的字典
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
}

11 个答案:

答案 0 :(得分:285)

TL;博士

  1. 在ECMAScript 5中,它是不可能的。
  2. 在ECMAScript 2015中,可以使用Map s。
  3. 在ECMAScript 2017中,它随时可用。
  4. 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]);
        }
    }
    

    注意:只有当您想要迭代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
    

答案 1 :(得分:36)

试试这个:

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

答案 2 :(得分:28)

已在ES2017中指定了Object.entries()方法(并且supported in all modern browsers}:

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

  • 由于我们保证每个如此迭代的数组项都是另一个双入口数组,我们可以使用destructuring直接分配变量keyvalue到第一和第二项。

答案 3 :(得分:25)

欢迎来到2020年* ES6中的流口水*

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

Object.entries(myObject).forEach(([k,v]) => {
    console.log("The key: ",k)
    console.log("The value: ",v)
})

答案 4 :(得分:7)

试试这个:

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

答案 5 :(得分:7)

您可以这样做:

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
}

答案 6 :(得分:2)

我认为快速简便的方法是

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

答案 7 :(得分:1)

使用swagger-ui.js

你可以这样做 -

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

答案 8 :(得分:1)

您可以使用以下脚本。

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

答案 9 :(得分:0)

作为对已接受答案的改进,为了减少嵌套,您可以改为:

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

答案 10 :(得分:0)

您可以使用 JavaScript build job: 'test_b', parameters: [ [$class: 'LabelParameterValue', name: 'node', label: "${env.use_node}"], [$class: 'StringParameterValue', name: 'branch', value: env.source_branch] ]] 循环:

forEach