web-dev-qa-db-fra.com

Comment itérer (clés, valeurs) en javascript?

J'ai un dictionnaire qui a le format de 

dictionary = {0: {object}, 1:{object}, 2:{object}}

Comment puis-je parcourir ce dictionnaire en faisant quelque chose comme

for((key,value) in dictionary){
  //Do stuff where key would be 0 and value would be the object
}
javascriptobjectiteration
157
nbroeking

tl; dr

  1. Dans ECMAScript 5, ce n'est pas possible.
  2. Dans ECMAScript 2015, il est possible avec Maps.
  3. Dans ECMAScript 2017, il serait facilement disponible.

ECMAScript 5:

Non, ce n'est pas possible avec des objets.

Vous devriez soit réitérer avec for..in , ou Object.keys , comme ceci

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]);
    }
}

Remarque: La condition if ci-dessus est nécessaire, uniquement si vous souhaitez itérer les propriétés qui sont très propres à l'objet dictionary. Parce que for..in va parcourir toutes les propriétés énumérables héritées.

Ou

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

ECMAScript 2015

Dans ECMAScript 2015, vous pouvez utiliser les objets Map et les itérer avec Map.prototype.entries . Citant l'exemple de cette page,

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

Ou itérer avec for..of , comme ceci

'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);
}

Sortie

[ '0', 'foo' ]
[ 1, 'bar' ]
[ {}, 'baz' ]

Ou

for (const [key, value] of myMap.entries()) {
  console.log(key, value);
}

Sortie

0 foo
1 bar
{} baz

ECMAScript 2017

ECMAScript 2017 introduirait une nouvelle fonction Object.entries . Vous pouvez l'utiliser pour itérer l'objet comme vous le souhaitiez.

'use strict';

const object = {'a': 1, 'b': 2, 'c' : 3};
for (const [key, value] of Object.entries(object)) {
  console.log(key, value);
}

Sortie

a 1
b 2
c 3
246
thefourtheye

Essaye ça:

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

La méthode Object.entries() a été spécifiée dans ES2017 (et est prise en charge par tous les navigateurs modernes ):

for (const [ key, value ] of Object.entries(dictionary)) {
    // do something with `key` and `value`
}

Explication:

  • Object.entries() prend un objet comme { a: 1, b: 2, c: 3 } et le transforme en un tableau de paires clé-valeur: [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ].

  • Avec for ... of, nous pouvons parcourir chaque entrée du tableau ainsi créé.

  • Puisque nous sommes garantis que chacun des éléments de tableau ainsi itérés constitue un autre tableau à deux entrées, nous pouvons utiliser destructuring pour affecter directement les variables key et value à ses premier et deuxième éléments.

24
Loilo

Essaye ça:

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

Vous pouvez faire quelque chose comme ça:

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
}
4
Dhaval Chaudhary

Je pense que le moyen rapide et facile est

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

il suffit de consulter la documentation https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

2
Jonathan

Vous pouvez utiliser le script ci-dessous.

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);
}

les sorties
1 a
2 b
c 3

1
Michael Piper

en utilisant swagger-ui.js

tu peux le faire - 

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

Pour améliorer la réponse acceptée, vous pouvez procéder comme suit afin de réduire l'imbrication

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