In questo tutorial imparerai a conoscere gli oggetti JavaScript con l'aiuto di esempi.
Nel tutorial sui tipi di dati JavaScript, hai imparato a conoscere 7 diversi tipi di dati primitivi. E qui, imparerai a conoscere l'ottavo>// object const student = ( firstName: 'ram', class: 10 );
Ecco studentun oggetto che memorizza valori come stringhe e numeri.
Dichiarazione di oggetti JavaScript
La sintassi per dichiarare un oggetto è:
const object_name = ( key1: value1, key2: value2 )
Qui object_nameviene definito un oggetto . Ogni membro di un oggetto è una coppia chiave: valore separata da virgole e racchiusa tra parentesi graffe ().
Per esempio,
// object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object
Puoi anche definire un oggetto in una singola riga.
const person = ( name: 'John', age: 20 );
Nell'esempio sopra, namee agesono le chiavi e Johne 20sono rispettivamente i valori.
Esistono altri modi per dichiarare un oggetto in JavaScript. Per saperne di più, visita Diversi modi per dichiarare oggetti JavaScript.
Proprietà oggetto JavaScript
In JavaScript, le coppie "chiave: valore" sono chiamate proprietà . Per esempio,
let person = ( name: 'John', age: 20 );
Qui name: 'John'e age: 20sono proprietà.
Proprietà degli oggetti JavaScript
Accesso alle proprietà degli oggetti
È possibile accedere al valore di una proprietà utilizzando la sua chiave .
1. Utilizzo della notazione punto
Ecco la sintassi della notazione del punto.
objectName.key
Per esempio,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John
2. Utilizzo della notazione tra parentesi
Ecco la sintassi della notazione delle parentesi.
objectName("propertyName")
Per esempio,
const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John
Oggetti annidati JavaScript
Un oggetto può contenere anche un altro oggetto. Per esempio,
// nested object const student = ( name: 'John', age: 20, marks: ( science: 70, math: 75 ) ) // accessing property of student object console.log(student.marks); // (science: 70, math: 75) // accessing property of marks object console.log(student.marks.science); // 70
Nell'esempio precedente, un oggetto studentcontiene un valore oggetto nella marksproprietà.
Metodi degli oggetti JavaScript
In JavaScript, un oggetto può anche contenere una funzione. Per esempio,
const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello
Qui, una funzione viene utilizzata come valore per il tasto di saluto. Ecco perché dobbiamo usare person.greet()invece di person.greetchiamare la funzione all'interno dell'oggetto.
Un metodo JavaScript è una proprietà contenente una dichiarazione di funzione. Nel prossimo tutorial imparerai in dettaglio i metodi JavaScript.
