Hoe te itereren (sleutels, waarden) in JavaScript?

Ik heb een woordenboek dat het formaat van

heeft

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

Hoe kan ik door dit woordenboek beginnen door iets te doen als

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

Antwoord 1, Autoriteit 100%

TL; DR

  1. In Ecmascript 2017, bel gewoon Object.entries(yourObj).
  2. In Ecmascript 2015 is het mogelijk met MapS.
  3. in Ecmascript 5, het is niet mogelijk.

Ecmascript 2017

Ecmascript 2017 Introductie Een nieuw Object.entriesfunctie. U kunt dit gebruiken om het object te herhalen zoals u wilde.

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

Uitgang

a 1
b 2
c 3

Ecmascript 2015

In Ecmascript 2015 is er geen Object.entriesMaar u kunt Mapobjecten gebruiken in plaats daarvan en itereren over hen met Map.prototype.entries. Het voorbeeld van die pagina citeren,

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

of iteratie met for..of, zoals deze

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

Uitgang

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

of

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

Uitgang

0 foo
1 bar
{} baz

Ecmascript 5:

Nee, het is niet mogelijk met objecten.

U moet het herhalen met for..in, of Object.keys, zoals deze

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

Opmerking: De ifVoorwaarde hierboven is alleen nodig als u wilt herhalen over de eigenschappen die de dictionaryObject zijn. Omdat for..inhet gewijzigde door alle geërfde traaglijke eigenschappen.

of

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

Antwoord 2, Autoriteit 15%

Probeer dit:

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

Antwoord 3, Autoriteit 9%

De Object.entries()Method is opgegeven in ES2017 (en is Ondersteund in alle moderne browsers ):

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

Uitleg:

  • Object.entries()Neemt een object zoals { a: 1, b: 2, c: 3 }en verandert het in een reeks sleutel -Value paren: [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ].

  • Met for ... ofWe kunnen de vermeldingen van de SO gemaakte array lopen.

  • Aangezien we gegarandeerdzijn dat elk van de zo herhaalde array-items zelf een twee-entry array is, kunnen we destructuringom variabelen keyen valuedirect toe te wijzen aan het eerste en tweede item.


Antwoord 4, autoriteit 6%

WELKOM BIJ 2020 *Kwijlt in ES6*

Er staan hier behoorlijk oude antwoorden in – profiteer van destructie. Naar mijn mening is dit zonder twijfel de mooiste (zeer leesbare) manier om een object te herhalen.

const myObject = {
    nick: 'cage',
    phil: 'murray',
};
Object.entries(myObject).forEach(([k,v]) => {
    console.log("The key: ", k)
    console.log("The value: ", v)
})

Antwoord 5, autoriteit 3%

Probeer dit:

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

Antwoord 6, autoriteit 3%

Je kunt zoiets als dit doen:

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
}

Antwoord 7

Ik denk dat de snelle en gemakkelijke manier is

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

vinkt u de documentatie
https://developer.mozilla.org/en -US / docs / Web / JavaScript / Reference / Global_Objects / Object / entries


Antwoord 8

met branie-ui.js

U kunt dit doen –

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

Antwoord 9

U kunt gebruik maken van onderstaand script.

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

uitgangen
1 a
2 b
c 3


Antwoord 10

Als een verbetering van de geaccepteerde antwoord, om nesten te verminderen, kunt u dit doen in plaats daarvan, op voorwaarde dat de sleutel niet is overgenomen:

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

Edit: info over Object.hasOwnPropertyhier


Antwoord 11

U kunt gebruik maken van JavaScript forEachLoop:

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

Other episodes