Αντικείμενα JavaScript (με παραδείγματα)

Σε αυτό το σεμινάριο, θα μάθετε για αντικείμενα JavaScript με τη βοήθεια παραδειγμάτων.

Στο σεμινάριο τύπων δεδομένων JavaScript, μάθατε για 7 διαφορετικούς πρωτόγονους τύπους δεδομένων. Και εδώ, θα μάθετε για το όγδοο>// object const student = ( firstName: 'ram', class: 10 );

Εδώ, studentείναι ένα αντικείμενο που αποθηκεύει τιμές όπως συμβολοσειρές και αριθμούς.

Δήλωση αντικειμένου JavaScript

Η σύνταξη για δήλωση ενός αντικειμένου είναι:

 const object_name = ( key1: value1, key2: value2 )

Εδώ, object_nameορίζεται ένα αντικείμενο . Κάθε μέλος ενός αντικειμένου είναι ένα κλειδί: ζεύγος τιμών που χωρίζεται με κόμματα και περικλείεται σε σγουρά τιράντες ().

Για παράδειγμα,

 // object creation const person = ( name: 'John', age: 20 ); console.log(typeof person); // object

Μπορείτε επίσης να ορίσετε ένα αντικείμενο σε μία γραμμή.

 const person = ( name: 'John', age: 20 );

Στο παραπάνω παράδειγμα, nameκαι ageείναι κλειδιά, Johnκαι 20είναι τιμές αντίστοιχα.

Υπάρχουν άλλοι τρόποι για να δηλώσετε ένα αντικείμενο σε JavaScript. Για να μάθετε περισσότερα, επισκεφθείτε Διαφορετικούς τρόπους δήλωσης αντικειμένων JavaScript.

Ιδιότητες αντικειμένου JavaScript

Στο JavaScript, τα ζεύγη "key: value" ονομάζονται ιδιότητες . Για παράδειγμα,

 let person = ( name: 'John', age: 20 );

Εδώ, name: 'John'και age: 20είναι ιδιότητες.

Ιδιότητες αντικειμένου JavaScript

Πρόσβαση σε ιδιότητες αντικειμένου

Μπορείτε να αποκτήσετε πρόσβαση στην τιμή μιας ιδιότητας χρησιμοποιώντας το κλειδί της .

1. Χρησιμοποιώντας σημείωση σημείων

Εδώ είναι η σύνταξη της σημειογραφίας κουκίδων.

 objectName.key

Για παράδειγμα,

 const person = ( name: 'John', age: 20, ); // accessing property console.log(person.name); // John

2. Χρήση σημείωσης αγκύλης

Εδώ είναι η σύνταξη της σημείωσης αγκύλης.

 objectName("propertyName")

Για παράδειγμα,

 const person = ( name: 'John', age: 20, ); // accessing property console.log(person("name")); // John

Ένθετα αντικείμενα JavaScript

Ένα αντικείμενο μπορεί επίσης να περιέχει ένα άλλο αντικείμενο. Για παράδειγμα,

 // 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

Στο παραπάνω παράδειγμα, ένα αντικείμενο studentπεριέχει μια τιμή αντικειμένου στην marksιδιότητα.

Μέθοδοι αντικειμένου JavaScript

Στο JavaScript, ένα αντικείμενο μπορεί επίσης να περιέχει μια συνάρτηση. Για παράδειγμα,

 const person = ( name: 'Sam', age: 30, // using function as a value greet: function() ( console.log('hello') ) ) person.greet(); // hello

Εδώ, μια συνάρτηση χρησιμοποιείται ως τιμή για το πλήκτρο χαιρετισμού. Γι 'αυτό πρέπει να χρησιμοποιήσουμε person.greet()αντί person.greetνα καλέσουμε τη συνάρτηση μέσα στο αντικείμενο.

Μια μέθοδος JavaScript είναι μια ιδιότητα που περιέχει μια δήλωση συνάρτησης. Στο επόμενο σεμινάριο, θα μάθετε λεπτομερώς για τις μεθόδους JavaScript.

ενδιαφέροντα άρθρα...