Oggetto Javascript In Stringa

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

[object Object] è una rappresentazione di stringa di un oggetto. Potresti vedere questo testo se usi alert() per stampare un oggetto sullo schermo, per esempio. è possibile visualizzare il contenuto di un oggetto utilizzando console.log(), JSON.stringify() o un ciclo for‚Ķin.

Durante lo sviluppo utilizzando JavaScript, molti di noi hanno riscontrato il output: [oggetto Oggetto]. Quando l’ho visto per la prima volta, sono andato dal mio mentore dell’epoca e gli ho chiesto: "Cosa significa anche questo?". Ero confuso.

Questo articolo ha lo scopo di parlarti di questo output e di cosa significa. Parleremo di come puoi tradurre [oggetto oggetto] in contenuto leggibile con cui puoi lavorare.

Che cos’è JavaScript [oggetto oggetto]?

>[object Object] è una versione stringa di un’istanza di oggetto. Questo valore viene restituito da un programma JavaScript se si tenta di stampare un oggetto senza prima formattare l’oggetto come stringa.

Questa è la sintassi per l’oggetto [oggetto Object]:

Non c’è da meravigliarsi se gli sviluppatori si confondono su questo oggetto: c’è non ci sono messaggi di errore o avvisi che ci dicono cosa sta succedendo. Diamo un’occhiata a un esempio di questo oggetto in azione.

[object Object] Esempio JavaScript

Prendi questo esempio:

Quando viene eseguita l’istruzione alert(), il nostro codice restituisce [object Object]. Il nostro programma cerca di restituire una rappresentazione sotto forma di stringa di ciò che è stato passato al metodo alert(). Ma, poiché il nostro codice lo vede come un oggetto, ci dice che è invece un’istanza di un oggetto.

L’[object Object] il messaggio non è molto descrittivo. Ma questo non significa che non possiamo vedere i valori nel nostro oggetto. Parliamo dei modi in cui possiamo leggere i valori in un oggetto.

Cosa c’è dentro l’oggetto?

Sapere che [oggetto Object] è un’istanza di un oggetto è fantastico, ma vogliamo sapere che è all’interno dell’oggetto. Ci sono tre modi per farlo:

  1. Accedi alla console con console.log()
  2. Stringify con JSON.stringify()
  3. Usa il ciclo for‚Ķin e osserva ogni singola proprietà

Registra alla console

Probabilmente il modo più semplice per vedere cosa c’è dentro un oggetto è registrare l’oggetto sulla console. L’istruzione console.log() ti consente di visualizzare tutto dei valori in un oggetto JavaScript.

Considera il seguente codice:

Possiamo vedere i valori nel nostro oggetto.

Usa JSON.stringify()

Il Il metodo JSON.stringify() converte un oggetto JavaScript in una stringa. Possiamo quindi manipolare questa stringa.

Quindi, possiamo usare JSON.stringify() per convertire un oggetto in una stringa. Quindi, potremmo usare alert() per mostrare il valore della stringa all’utente:

Come nel nostro ultimo esempio, abbiamo definito un oggetto chiamato objA. Quindi, usiamo il metodo JSON.stringify() per convertire l’oggetto in una stringa. Usiamo quindi alert per mostrare il valore della stringa alla console.

Il nostro codice apre una finestra di prompt con il seguente contenuto:

Usa un For…in Loop

Il JavaScript for…in loop ci permette di scorrere il contenuto di un oggetto. Possiamo usare questo ciclo per stampare ogni singola coppia chiave-valore.

Considera il seguente codice:

Abbiamo dichiarato un oggetto JSON chiamato objA come abbiamo fatto negli ultimi due esempi. Quindi, utilizziamo un ciclo for…in per scorrere i contenuti di questo oggetto. Il valore "key" rappresenta ogni chiave.< /p>

Utilizziamo il valore "key" per accedere alla chiave e objA[key] per accedere al valore associato a quella chiave. Il nostro codice restituisce:

Utilizziamo la concatenazione di stringhe per aggiungere i due punti (: ) tra ogni chiave e valore. Questo ci permette di separare le chiavi ei valori in modo che siano più leggibili nell’output del nostro codice.

Conclusione

Il JavaScript [object Object] è una rappresentazione di stringa di un oggetto. Per vedere il contenuto di un oggetto, dovresti stampare l’oggetto sulla console usando console.log() o convertire l’oggetto in una stringa. Oppure puoi usare un ciclo for‚Ķin per scorrere l’oggetto e vederne il contenuto.

Sei interessato a saperne di più su JavaScript? Dai un’occhiata alla nostra Guida completa all’apprendimento di JavaScript per consigli sulle migliori risorse di apprendimento e sui corsi online.