ES6: oggetti letterali in JavaScript

Gli oggetti sono una struttura di dati piuttosto utilizzati nella lingua, infatti, ritengo che sia il più importante e che molte volte non capiamo affatto.
Sitectically Un oggetto in JavaScript è un gruppo raggruppato tra chiavi chiave e valori:

let nombreDelObjeto = {clave_1: valor_1,clave_2: valor:2,clave_3: valor:3,clave_n: valor:n};

Che cos’è un letterale?

La definizione di allude letterale a qualcosa di testuale, ad esempio, se dichiariamo una variabile come segue:

let colorDelSol = "Amarillo";

Possiamo dire che la variabile colorDelSol ha una stringa letterale assegnata poiché viene assegnato il valore testuale.

esattamente lo stesso accade con gli oggetti letterali, Ad esempio:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};

Dove:

  • Il nome dell’oggetto è perro e i loro tasti / valori sono descritti nella seguente tabella:

I tipi di dati che un oggetto può memorizzare può essere stringhe, numeri interi, biglietti, inclusi altri oggetti.

Valori di accesso da un oggetto

Ci sono 2 modi semplici per poter accedere ai valori di un oggetto:

Notazione Punto

è scrivere il nome dell’oggetto seguito da un punto e il nome della proprietà a cui si desidera accedere: objeto.clave

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};console.info(perro.nombre); // Scottconsole.info(perro.edad); // 5

Notaggio della staffa / tasti quadrati o staffe

Consiste nella scrittura del nome di L’oggetto che finge tra parentesi la chiave a cui si desidera accedere: objeto

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true};console.info(perro); // Scottconsole.info(perro); // 5

Entrambi i modi restituiscono gli stessi risultati, quindi possono essere considerati omonimi, ma in pratica è consuetudine utilizzare la notazione del punto più.

Metodi in un oggetto

Un oggetto non è solo limitato al raggruppamento dei tasti dei valori, è anche possibile incorporare i metodi come segue:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) }};console.log(perro.ladrar()); // Scott puede ladrar

Per motivi di ambito delle variabili, per accedere ai campi di un oggetto All’interno di un metodo, la parola riservata dovrebbe essere utilizzata.

Inserimento di nuovi campi a un oggetto

Per aggiungere nuovi campi all’oggetto menzionare il nome dell’oggetto seguito dal nuovo proprietà e il nuovo valore da inserire: perro.tamaño = "Grande";

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) },};perro.tamaño = "Grande";console.log(perro);/* { color: "Cafe", edad: 5, ladrar: function(){ return(`${this.nombre} puede ladrar`) }, macho: true, nombre: "Scott", tamaño: "Grande"}*/

con loro saremo in grado di aggiungere un nuovo valore all’oggetto.

Aggiorna campi dell’oggetto

Scrivi semplicemente una proprietà esistente, come segue:

let perro = { nombre:"Scott", color:"Cafe", edad: 5, macho: true, ladrar: function(){ return(`${this.nombre} puede ladrar`) },};perro.edad = 8;console.log(perro);/* { color: "Cafe", edad: 8, ladrar: function(){ return(`${this.nombre} puede ladrar`) }, macho: true, nombre: "Scott"}*/

Eliminazione del campo

Per eliminare una proprietà di un oggetto, viene utilizzata la parola riservata delete come segue:

delete nombre_del_objeto.clave;

Ad esempio:

= “AAE8AB7E71″>

L’output degli esempi di questo post è realizzato con lo strumento Jsbin, per questo motivo il formato è come Questo.

Conclusioni 📎

  • Un oggetto è la struttura dei dati più utilizzata in JavaScript, composta da coppie ordinate e raggruppate in tasti e valori.
  • è chiamato un oggetto letterale sull’oggetto le cui proprietà vengono dichiarate testualmente nel codice.
  • Gli oggetti possono memorizzare i metodi all’interno.
  • Per accedere alle proprietà di un oggetto all’interno di un metodo è necessario utilizzare la parola riservata this di Scopo delle variabili.
  • A differenza di altri linguaggi di programmazione, le proprietà possono essere aggiunte o cancellate in modo molto economico ma semplice ma semplice.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

tasto valore Tipo di dati
Nome scott string
Colore Cafe String
età 5 Int
maschio true bolean bolean