Επεξήγηση
Εκτός από τους πρωτογενείς τύπους δεδομένων όπως το number και το string, υπάρχει στη JavaScript και ένας άλλος σημαντικός τύπος δεδομένων που ονομάζεται object.
Τα αντικείμενα είναι συλλογές από ζεύγη κλειδιών-τιμών.
Ως τέτοια, μπορούν να χρησιμοποιηθούν με τον ίδιο τρόπο όπως αυτά που συχνά αποκαλούνται χάρτες ή λεξικά σε άλλες γλώσσες.
Σε άλλες γλώσσες, όλες οι τιμές σε έναν χάρτη πρέπει συχνά να έχουν τον ίδιο τύπο δεδομένων.
Στη JavaScript, περιορίζεται μόνο ο τύπος του κλειδιού: πρέπει να είναι string.
Οι τιμές μέσα σε ένα αντικείμενο μπορούν να έχουν διαφορετικούς τύπους.
Μπορούν να είναι πρωτογενείς τύποι όπως αριθμοί, αλλά και πίνακες, άλλα αντικείμενα ή ακόμη και συναρτήσεις.
Αυτό κάνει τα αντικείμενα εξαιρετικά ευέλικτα, ώστε να αποτελούν και βασικές οντότητες για τον αντικειμενοστρεφή προγραμματισμό (OOP) στη JavaScript.
Στη συνέχεια, θα επικεντρωθούμε στα αντικείμενα ως συλλογές ή χάρτες.
Άλλες χρήσεις των αντικειμένων καλύπτονται σε άλλες έννοιες, δες π.χ. τις Κλάσεις.
Δημιουργία αντικειμένου
Δημιουργείς ένα αντικείμενο χρησιμοποιώντας άγκιστρα.
Μπορείς επίσης να συμπεριλάβεις απευθείας κάποιες καταχωρίσεις.
Γι' αυτό, γράψε πρώτα το κλειδί, έπειτα μία άνω και κάτω τελεία και μετά την τιμή.
const emptyObject = {};
const obj = {
favoriteNumber: 42,
greeting: 'Hello World',
useGreeting: true,
address: {
street: 'Trincomalee Highway',
city: 'Batticaloa',
},
fruits: ['melon', 'papaya'],
addNumbers: function (a, b) {
return a + b;
},
};
Το κόμμα στο τέλος, μετά την τελευταία καταχώριση, είναι προαιρετικό στη JavaScript.
Ίσως αναρωτιέσαι γιατί τα κλειδιά δεν περικλείονται σε εισαγωγικά, αν και υποτίθεται ότι είναι συμβολοσειρές.
Αυτό είναι μια συντομευμένη σημειογραφία.
Αν το κλειδί ακολουθεί τους κανόνες ονομασίας για ένα αναγνωριστικό της JavaScript, μπορείς να παραλείψεις τα εισαγωγικά.
Για κλειδιά που περιέχουν ειδικούς χαρακτήρες στο όνομά τους, πρέπει να χρησιμοποιήσεις τον συνηθισμένο συμβολισμό με συμβολοσειρές.
const obj = {
'1keyStartsWithNumber': '...',
'key/with/slashes': '...',
'key-with-dashes': '...',
'key with spaces': '...',
'#&()[]{}èä樹keyWithSpecialChars': '...',
};
Ανάκτηση τιμής
Υπάρχουν δύο τρόποι για να ανακτήσεις την τιμή ενός δεδομένου κλειδιού: ο συμβολισμός με τελεία και ο συμβολισμός με αγκύλες.
const obj = { greeting: 'hello world' };
obj.greeting;
// => hello world
obj['greeting'];
// => hello world
// Bracket notation also works with variables.
const key = 'greeting';
obj[key];
// => hello world
Η χρήση του συμβολισμού με τελεία ως συντόμευση έχει τον ίδιο περιορισμό με την παράλειψη των εισαγωγικών.
Λειτουργεί μόνο αν το κλειδί ακολουθεί τους κανόνες ονομασίας των αναγνωριστικών.
Προσθήκη ή αλλαγή τιμής
Μπορείς να προσθέσεις ή να αλλάξεις μια τιμή χρησιμοποιώντας τον τελεστή ανάθεσης =.
Και πάλι, έχεις διαθέσιμο τον συμβολισμό με τελεία και τον συμβολισμό με αγκύλες.
const obj = { greeting: 'hello world' };
obj.greeting = 'Hi there!';
obj['greeting'] = 'Welcome.';
obj.newKey1 = 'new value 1';
obj['new key 2'] = 'new value 2';
const key = 'new key 3';
obj[key] = 'new value 3';
Διαγραφή καταχώρισης
Μπορείς να διαγράψεις ένα ζεύγος κλειδιού-τιμής από ένα αντικείμενο χρησιμοποιώντας τη λέξη-κλειδί delete.
const obj = {
key1: 'value1',
key2: 'value2',
};
delete obj.key1;
delete obj['key2'];
Έλεγχος αν υπάρχει ένα κλειδί
Μπορείς να ελέγξεις αν υπάρχει ένα συγκεκριμένο κλειδί σε ένα αντικείμενο με τη μέθοδο hasOwnProperty.
const obj = { greeting: 'hello world' };
obj.hasOwnProperty('greeting');
// => true
obj.hasOwnProperty('age');
// => false
Διάσχιση ενός αντικειμένου
Υπάρχει ένας ειδικός βρόχος for...in για να διατρέξεις όλα τα κλειδιά ενός αντικειμένου.
const obj = {
name: 'Ali',
age: 65,
};
for (let key in obj) {
console.log(key, obj[key]);
}
// name Ali
// age 65
Για να αποφύγεις λεπτά σφάλματα, καλό είναι να υποθέτεις πάντα ότι ο βρόχος for...in επισκέπτεται τα κλειδιά με τυχαία σειρά.
Επίσης, να έχεις υπόψη σου ότι ο for...in συμπεριλαμβάνει κληρονομημένα κλειδιά στη διάσχισή του.
Άσκηση εκμάθησης
