Υποενότητα 6.2: Αντικείμενα JavaScript

Προσπέλαση ιδιοτήτων αντικειμένου - Access Object Properties

Ας υποθέσουμε ότι έχουμε το αντικείμενο:

var darkChoco = {
   cacao:"80%",
   milk:"0%", 
   grams:100
 };

var myChoco = "milk";

και θέλουμε να αποκτήσουμε πρόσβαση στις ιδιότητές του. Οι 3 διαφορετικοί τρόποι με τους οποίους μπορούμε να επιτύχουμε αυτό είναι:

1. objectName.property
   
   Παράδειγμα: console.log(darkChoco.milk);
   
   
2. objectName["property"]
   
   Παράδειγμα: console.log(darkChoco["milk"]);
   
   
3. objectName[expression]
   
   Παράδειγμα: console.log(darkChoco[myChoco]);

Σημειώστε ότι ο τρίτος τρόπος, είναι πιθανός μόνο αν η έκφραση μέσα στις αγκύλες [] είναι ισοδύναμη με ένα όνομα ιδιότητας. Σε αυτή την περίπτωση, η μεταβλητή myChoco είναι ισοδύναμη με το όνομα milk.

;Askhsh

1. Ανοίξτε τον επεξεργαστή κώδικα, δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το ως exersice06.2.03.html στον φάκελο "yourNameWEB2JS".
2. Χρησιμοποιώντας τον παραπάνω κώδικα, επεξεργαστείτε το αρχείο. Στον browser θα πρέπει να εμφανίζεται η επόμενη εικόνα:

Λύση: