„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Es gibt die Möglichkeit, in Javascript über „Objekte“ zu iterieren

Es gibt die Möglichkeit, in Javascript über „Objekte“ zu iterieren

Veröffentlicht am 02.08.2024
Durchsuche:172

ays to iterate over “objects” in javascript

In Javascript-Objekten sind die Eigenschaften des Schlüssel-Wert-Paares enthalten, und die Iteration über das Objekt unterscheidet sich von der über Arrays. Objekte können mithilfe von for...in-Schleifen und Object.keys(), Object.values() und Object.entries() iteriert werden. Sehen wir uns an, wie Sie die einzelnen Methoden verwenden können:

1. using for...in method

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
 for(let key in persons){
     console.log(`${person[key]} : ${key}`)
}
   //output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'

2.Using Object.keys(): Methode

object.keys() ist eine Javascript-Methode, die ein Objekt als Argument verwendet und ein Array von Schlüsseln zurückgibt

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);
console.log(Object_keys)// [ 'name', 'age', 'occupation']```




```

Wir können object.keys() verwenden, um über das Objekt zu iterieren

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

const person = {
    Name: 'John',
    Alter: 30,
    Beruf: 'Ingenieur'
  };
const Object_keys = Object.keys(person);

//hier habe ich zuerst das Object_keys-Array verwendet, das ich von Object.keys(person) erhalten habe;
for(let i = 0 ; i

3.Verwenden von Object.entries():

Object.entries()

ist eine Javascript-Methode, die ein Objekt als Argument verwendet und ein 2D-Array von Schlüsselwertpaaren zurückgibt

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

const person = {
    Name: 'John',
    Alter: 30,
    Beruf: 'Ingenieur'
  };

const Object_keyValue = Object.entries(person);

//Ausgabe
// [ 

, , ]


const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

for (const [key, value] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'


Object.entries()

verwenden, um über das Objekt zu iterieren const person = { Name: 'John', Alter: 30, Beruf: 'Ingenieur' }; for (const [Schlüssel, Wert] von Object.entries(person)) { console.log(`${key} : ${value}`); } //Ausgabe // Name: 'John', // Alter: 30, // Beruf: 'Ingenieur'

4. Verwenden von Object.values():


const myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

for (const value of values) {
  console.log(value);
}



Object.values() gibt ein Array der aufzählbaren Eigenschaftswerte eines Objekts zurück. Dies kann nützlich sein, wenn Sie nur an den Werten und nicht an den Schlüsseln interessiert sind.

const myObject = { prop1: 'Wert1', prop2: 'Wert2', prop3: 'Wert3' }; const-Werte = Object.values(myObject); for (konstanter Wert der Werte) { console.log(Wert); } ays to iterate over “objects” in javascript

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/sagar7170/4-ways-to-iterate-over-objects-in-javascript-1e8p?1 Bei Verstößen wenden Sie sich zum Löschen bitte an [email protected] Es
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3