Javascript-object naar string

| | | | | | | | | | | | | | | | | | |

[object Object] is een tekenreeksrepresentatie van een object. U kunt deze tekst zien als u alert () gebruikt om bijvoorbeeld een object op het scherm af te drukken. U kunt de inhoud van een object bekijken met console.log (), JSON.stringify (), of ... in de loop.

Tijdens het ontwikkelen van het gebruik van JavaScript, hebben velen van ons kwam de uitvoer tegen: [object Object]. Toen ik hem zag, ging ik naar mijn toenmalige mentor en vroeg hem: "Wat betekent dat ook?" ". Ik was in de war.

Dit artikel is bedoeld om je te vertellen over deze release en wat het betekent. We gaan het hebben over hoe je [object object] kunt vertalen naar voor mensen leesbare inhoud waarmee u kunt werken.

Wat is JavaScript [object object]?

> [object Object] is een tekenreeksversie van een objectinstantie. Deze waarde wordt geretourneerd door een JavaScript-programma als u een object probeert af te drukken zonder eerst de vorm van het object als tekenreeks in te voeren

Dit is de syntaxis van het object [object Object]:.

Geen wonder dat ontwikkelaars hierover in de war raken: er zijn geen foutmeldingen of waarschuwingen bewaker vertel ons wat er gebeurt Kijk Laat een voorbeeld van dit object in de actie

[object Object] JavaScript-voorbeeld

Neem dit voorbeeld:.

Wanneer de waarschuwingsdeclaratie () wordt uitgevoerd, retourneert onze code [object Object]. Ons programma probeert een tekenreeksrepresentatie te retourneren van wat is doorgegeven aan de methode alert (). Maar aangezien onze code het als een object ziet, vertelt het ons dat het in plaats daarvan een instantie van een object is

[Object object] bericht is niet erg beschrijvend. Maar dat betekent niet dat we de waarden ‚Äã‚Äãin ons object niet kunnen zien. Laten we het hebben over manieren waarop we de waarden ‚Äã‚Äãin een object kunnen lezen

In het object?

Weten dat [object Object] een instantie van een object is, is geweldig, maar we willen weten of het zich in het object bevindt. Er zijn drie manieren om dit te doen:

  1. Log in op de console met console.log ()
  2. stringify met JSON.stringify ()
  3. Gebruik de ... in lus en bekijk elke eigenschap
  4. Registreer bij de console

    Waarschijnlijk de beste manier om te zien wat er in een object zit, is door het object op de console te registreren. Met de instructie console.log () kunt u al uw waarden ‚Äã‚Äãin een JavaScript-object bekijken

    Denk aan de volgende code:.

    We kunnen de waarden ‚Äã‚Äãin ons object zien.

    gebruik JSON.stringify ()

    methode JSON.stringify () converteert een JavaScript-object naar een string . We kunnen deze keten dan manipuleren.

    Vervolgens kunnen we JSON.stringify () gebruiken om een object naar een string te converteren. We kunnen dus alert () gebruiken om de tekenreekswaarde aan de gebruiker te tonen:

    Net als in ons laatste voorbeeld hebben we een object gedefinieerd met de naam objA. Vervolgens gebruiken we de methode JSON.stringify () om het object naar een string te converteren. We gebruiken dan alert om de tekenreekswaarde aan de console te tonen.

    Onze code opent een promptvenster met de volgende inhoud:.

    Gebruik een for ... loop

    JavaScript ... in loop stelt ons in staat door de inhoud van een object te scrollen. We kunnen deze lus gebruiken om elk sleutelwaardepaar af te drukken

Denk aan de volgende code:

We hebben een JSON-object met de naam objA gedeclareerd, zoals we in de laatste twee voorbeelden hebben gedaan. Dan gebruiken we for ... in lus om de inhoud van dat object te doorlopen. De waarde "sleutel" vertegenwoordigt elke sleutel.

We gebruiken de waarde "sleutel" om toegang te krijgen tot de sleutel en objA [sleutel] om toegang te krijgen tot de waarde die aan die sleutel is gekoppeld. Onze code retourneert:

We gebruiken tekenreeksen om een dubbele punt (:) toe te voegen tussen elke sleutel en de waarde. Hierdoor kunnen we de sleutels en waarden scheiden, zodat ze beter leesbaar zijn in de uitvoer van onze code.

Conclusie

De JavaScript-code [Object-object] is een tekenreeksrepresentatie van een object. Om de inhoud van een object te zien, moet u het object naar de console afdrukken met console.log () of het object converteren naar een tekenreeks. Of u kunt een for ... in lus gebruiken om door het object te bladeren en de inhoud ervan te bekijken.

Wilt u meer weten over JavaScript? Bekijk dan onze Complete gids voor het leren van JavaScript voor tips over de beste leermiddelen en over lijncursussen .