Proprietà degli oggetti JavaScript

ProprietàÈ l'associazione tra il nome (chiave) e il valore all'interno dell'oggetto e può contenere qualsiasi tipo di dati.

ProprietàDi solito si riferisce alle caratteristiche di un oggetto.

Di solito possono essere modificate, aggiunte e rimosse, ma alcune proprietà sono readonly.

Accesso alle proprietà JavaScript

Ci sono due modi per accedere alle proprietà degli oggetti:

• Punti di rappresentazione: .

• Simboli di parentesi: []

Riaccedi all'esempio originale dell'oggetto:user.

user.firstName;

user["firstName"];

Il punto e i parentesi sono entrambi utilizzati spesso. Ma il punto (.) è più veloce e più leggibile.

Aggiunta di nuove proprietà

Per aggiungere nuove proprietà all'oggetto, puoi assegnare un nuovo valore all'attributo utilizzando l'operatore di assegnazione (=).

Supponiamo che l'oggetto utente esista già - quindi puoi assegnargli nuove proprietà:

user.weapon = "Sword";

Attenzione: evita di utilizzare parole riservate per i nomi delle proprietà o dei metodi.

Modifica delle proprietà dell'oggetto

Puoi modificare le proprietà dell'oggetto assegnando un nuovo valore a un attributo esistente.

var　user　=　{firstName:"Seagull",　lastName:"Anna",　age:22,　location:"New　Delhi"};
user.location = "Goa";

Rimozione delle proprietà dell'oggetto

Per rimuovere una proprietà dall'oggetto, utilizzeremo la parola chiave delete.

Delete è l'operatore utilizzato per rimuovere proprietà dagli oggetti, può rimuovere proprietà dagli oggetti.

Ecco un esempio che dimostra come rimuovere una proprietà dall'oggetto:

var　user　=　{firstName:"Seagull",　lastName:"Anna",　age:22,　location:"New　Delhi"};
delete user.location;

L'operatore delete rimuoverà i due valori e l'attributo stesso.

Non utilizzare l'operatore delete sulle proprietà degli oggetti JavaScript predefiniti. Potrebbe causare il crash della tua applicazione.

per esplorare le proprietà degli oggetti

JavaScript hafor...inUtilizzata specificamente per iterare le proprietà degli oggetti.

Sintassi:

for (variable in object) { statement to be executed }

Ecco la versione semplificata del nostro esempio principale di utente:

var　user　=　{firstName:"Seagull",　lastName:"Anna",　age:22,　location:"New　Delhi"};
for　(let　x　in　user)　{
　　　　document.write(x);
}

Utilizzando i simboli di parentesi, possiamo recuperare il valore dell'attributo come variabile, nel nostro esempio x:

for　(let　x　in　user)　{
document.write(user[x]);
}

for...inIl ciclo non dovrebbe essere usato confor...ofConfusione ciclica, l'ultimo viene utilizzato solo sul tipo di oggetto Array.

Un altro metodo enumerativo utile è il metodo Object.keys(), che restituisce un array delle proprietà dell'oggetto.

// Inizializzare il metodo sull'oggetto utente per restituire le chiavi delle proprietà
Object.keys(user);

Questo metodo ci permette di utilizzare le proprietà dell'oggetto come array, quindi è possibile utilizzare tutti i metodi dell'array JavaScript.

Proprietà interne dell'attributo

Tutte le proprietà hanno un nome. Inoltre, hanno anche un valore di proprietà.

Questo valore è una proprietà dell'attributo.

Altre proprietà sono: enumerabili, configurabili e scrivibili.

Queste proprietà definiscono il modo di accesso alle proprietà (leggibilità, scrittibilità).

In JavaScript, è possibile leggere tutte le proprietà, ma è possibile modificare solo i valori delle proprietà (e solo quando l'attributo è in stato scrivibile).