Metodi di accesso alle proprietà JavaScript

In JavaScript, un oggetto può essere definito come una raccolta di proprietà non ordinate associate ad esso. Offre anche tre diversi metodi per l'accesso alle proprietà dell'oggetto, tutte utili e possono essere utilizzate in combinazione. I metodi di cui stiamo parlando sono Dot Accessor di proprietà, Accessori di proprietà quadrata, E Distrutturazione dell'oggetto.

Questa guida discuterà i metodi specificati per l'accesso alle proprietà degli oggetti JavaScript. Inoltre, dimostreremo anche la sintassi, l'utilizzo ed esempi relativi all'accessore di proprietà DOT, agli accessori della proprietà quadrata e ai metodi di distruzione dell'oggetto. Quindi iniziamo!

Accessore di proprietà DOT per JavaScript Properties

Il primo e il metodo più comune per accedere alle proprietà JavaScript di un oggetto è utilizzare l'accessore di proprietà DOT. Questo metodo viene utilizzato solo per accedere agli identificatori validi dell'oggetto dichiarato.

La sintassi dell'accessore della proprietà DOT è riportata di seguito:

ObjectName.nome della proprietà

Qui, puoi aggiungere il "ObjectName" E "nome della proprietà"Dell'oggetto creato a cui si desidera accedere.

Esempio: utilizzando la proprietà DOT per accedere alle proprietà JavaScript

Creeremo un "dipendente"Oggetto e definire il suo"nome" proprietà.

const dipendente =
Nome: 'John'
;

Dopo averlo fatto, è possibile accedere alla proprietà aggiunta scrivendo il seguente codice nella finestra della console:

dipendente.nome;

Nel codice di cui sopra, l'accessore della proprietà DOT accederà al "nome"Proprietà del"dipendente"Oggetto JavaScript:

Accesso a identificatori validi e non validi per le proprietà JavaScript

Quando si specifica il nome della proprietà come un identificatore valido, L'accessore della proprietà DOT funziona correttamente. In JavaScript, un identificatore valido comprende cifre (0-9), personaggi speciali ($, _), E Lettere Unicode. Tuttavia, a volte le proprietà aggiunte non sono identificatori validi.

Ad esempio, nel codice di seguito, il "Nome-1" E "5"Sono gli identificatori non validi, quindi l'accessore di proprietà DOT non funzionerà eseguendo la sua funzionalità nel codice dato:

const dipendente =
'name-1': 'John',
'5': 'Five'
;
dipendente.nome-1;
dipendente.5;

Qui, entrambi i "dipendente"Le proprietà dell'oggetto sono identificatori non validi come"Nome-1"Contiene"-"e l'altra proprietà inizia che un numero"5,"Che è un'indicazione per l'identificatore non valido:

JavaScript offre anche soluzioni per ogni problema riscontrato, incluso l'uso di identificatori non validi. Se hai aggiunto le proprietà per il tuo oggetto con nomi univoci, puoi utilizzare il accessori di proprietà quadrata Per accedere a tali proprietà.

Square Property Accessor per JavaScript Properties

L'accessore di proprietà quadrati viene utilizzato per accedere alle proprietà dell'oggetto che non è possibile accedere con l'accessore della proprietà DOT. Viene utilizzato principalmente per accedere all'identificatore e alle proprietà non valide dell'oggetto array.

Dai un'occhiata alla sintassi dell'accessore della proprietà quadrata per accedere alle proprietà degli oggetti JavaScript:

ObjectName [PropertyName]

Qui, devi specificare il "ObjectName"E la sua proprietà correlata in"nome della proprietà"A cui vuoi accedere.

Esempio: utilizzando parentesi quadrate per accedere alle proprietà JavaScript

Ora accederemo al "Nome-1" E "5"Identificatori non validi con l'aiuto degli accessori delle staffe quadrate:

const dipendente =
'name-1': 'John',
'5': 'Five'
;
console.log (dipendente ['name-1']);
console.log (dipendente [5]);

L'output di seguito dichiara di aver accettato con successo "Nome-1" E "5"JavaScript Properties del nostro"dipendente"Oggetto:

Metodo di distruzione dell'oggetto per accedere alle proprietà JavaScript

Nel metodo di distruzione dell'oggetto, l'assegnazione di distruzione consente di assegnare proprietà relative alle variabili e agli array dell'oggetto. Per accedere alle proprietà dell'oggetto JavaScript utilizzando la distruzione dell'oggetto, è necessario seguire la seguente sintassi:

PropertyName = objectName

Qui, racchiude il "nome della proprietà" nel "”Brettura ricci e poi aggiungi il"ObjectName"Ai fini dell'incarico.

Esempio: utilizzando il metodo di distruzione degli oggetti per accedere alle proprietà JavaScript

Per insegnarti l'uso del metodo di distruzione dell'oggetto, in primo luogo, creeremo un "dipendente"Oggetto con un"nome" proprietà. Dopo averlo fatto, aggiungeremo la linea di oggetti di distruzione, che è "const name = dipendente;". Questa distruzione definirà una variabile "nome"Avere il valore della proprietà dell'oggetto dei dipendenti:

const dipendente =
Nome: 'John'
;
const name = dipendente;
console.log (nome);

L'output di seguito dichiara di aver accettato con successo "nome"Proprietà della nostra"dipendente"Oggetto JavaScript con l'aiuto del metodo di distruzione dell'oggetto:

Conclusione

Accessore di proprietà DOT, accessori a parentene quadra e distruzione dell'oggetto sono i metodi per accedere alle proprietà JavaScript. IL Dot Accessor di proprietà viene utilizzato per accedere all'identificatore JavaScript valido di un oggetto. Mentre il Accessore a parentele quadrate viene utilizzato per accedere all'identificatore non valido o al nome della proprietà dinamica. Anche il Metodo di distruzione dell'oggetto può aiutarti ad accedere alle proprietà degli oggetti. Abbiamo dimostrato accessori di proprietà DOT, accessori di proprietà quadrati e metodi di distruzione degli oggetti per accedere alle proprietà JavaScript con esempi in questo articolo.