History

localizeflow[bot] ef5f52240c chore(i18n): sync translations with latest source changes (chunk 10/20, 100 files)		4 months ago
..
README.md	chore(i18n): sync translations with latest source changes (chunk 10/20, 100 files)	4 months ago
assignment.md	🌐 Update translations via Co-op Translator	6 months ago

README.md

Unescape Escape

Βασικά JavaScript: Λήψη Αποφάσεων

Σκέτς από Tomomi Imura

journey
    title Η Περιπέτεια σας στη Λήψη Αποφάσεων με JavaScript
    section Βάση
      Λογικές Τιμές: 5: You
      Τελεστές Σύγκρισης: 4: You
      Λογική Σκέψη: 5: You
    section Βασικές Αποφάσεις
      Δηλώσεις If: 4: You
      Λογική If-Else: 5: You
      Δηλώσεις Switch: 4: You
    section Προχωρημένη Λογική
      Λογικοί Τελεστές: 5: You
      Σύνθετες Συνθήκες: 4: You
      Τernary Εκφράσεις: 5: You

Έχετε αναρωτηθεί πώς οι εφαρμογές παίρνουν έξυπνες αποφάσεις; Όπως πώς ένα σύστημα πλοήγησης επιλέγει τη γρηγορότερη διαδρομή, ή πώς ένας θερμοστάτης αποφασίζει πότε να ανάψει τη θέρμανση; Αυτή είναι η βασική έννοια της λήψης αποφάσεων στον προγραμματισμό.

Όπως η Αναλυτική Μηχανή του Charles Babbage σχεδιάστηκε να ακολουθεί διαφορετικές ακολουθίες λειτουργιών βάσει συνθηκών, έτσι και τα σύγχρονα προγράμματα JavaScript πρέπει να παίρνουν επιλογές βάσει μεταβαλλόμενων περιστάσεων. Αυτή η ικανότητα να διακλαδίζονται και να παίρνουν αποφάσεις είναι που μετατρέπει τον στατικό κώδικα σε ευέλικτες, έξυπνες εφαρμογές.

Σε αυτό το μάθημα, θα μάθετε πώς να υλοποιείτε λογική υπό συνθήκες στα προγράμματά σας. Θα εξερευνήσουμε τις συνθήκες, τους τελεστές σύγκρισης και τις λογικές εκφράσεις που επιτρέπουν στον κώδικά σας να αξιολογεί καταστάσεις και να αντιδρά κατάλληλα.

Πρότυπο Quiz πριν το Μάθημα

Πρότυπο quiz πριν το μάθημα

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

🎥 Κάντε κλικ στην εικόνα παραπάνω για ένα βίντεο για τη λήψη αποφάσεων.

Μπορείτε να πάρετε αυτό το μάθημα στο Microsoft Learn!

mindmap
  root((Λήψη Αποφάσεων))
    Boolean Logic
      true/false
      Αποτελέσματα Συγκρίσεων
      Λογικές Εκφράσεις
    Conditional Statements
      δηλώσεις if
        Μονή συνθήκη
        Εκτέλεση κώδικα
      if-else
        Δύο διαδρομές
        Εναλλακτικές ενέργειες
      switch
        Πολλαπλές επιλογές
        Καθαρή δομή
    Operators
      Σύγκριση
        === !== < > <= >=
        Σχέσεις τιμών
      Λογικοί
        && || !
        Συνδυασμός συνθηκών
    Advanced Patterns
      Τριαδικός
        ? : σύνταξη
        Λήψεις αποφάσεων εντός γραμμής
      Πολύπλοκη Λογική
        Εσωτερικές συνθήκες
        Πολλαπλά κριτήρια

Μια Σύντομη Επανεξέταση των Booleans

Πριν εξερευνήσουμε τη λήψη αποφάσεων, ας επανεξετάσουμε τις λογικές τιμές από το προηγούμενο μάθημά μας. Ονομάζονται από τον μαθηματικό George Boole και αυτές οι τιμές αντιπροσωπεύουν δυαδικές καταστάσεις - είτε true είτε false. Δεν υπάρχει ασάφεια, ούτε ενδιάμεση κατάσταση.

Αυτές οι δυαδικές τιμές αποτελούν τη βάση όλων των υπολογιστικών λογικών. Κάθε απόφαση που παίρνει το πρόγραμμα σας τελικά καταλήγει σε αξιολόγηση Boolean.

Η δημιουργία Boolean μεταβλητών είναι απλή:

let myTrueBool = true;
let myFalseBool = false;

Αυτό δημιουργεί δύο μεταβλητές με ρητές λογικές τιμές.

✅ Τα Booleans πήραν το όνομά τους από τον Άγγλο μαθηματικό, φιλόσοφο και λογικό George Boole (1815–1864).

Τελεστές Σύγκρισης και Booleans

Στην πράξη, σπάνια θα ορίσετε χειροκίνητα τιμές Boolean. Αντίθετα, θα τις παράγετε αξιολογώντας συνθήκες: "Είναι αυτός ο αριθμός μεγαλύτερος από εκείνον;" ή "Είναι αυτές οι τιμές ίσες;"

Οι τελεστές σύγκρισης επιτρέπουν αυτές τις αξιολογήσεις. Συγκρίνουν τιμές και επιστρέφουν λογικά αποτελέσματα με βάση τη σχέση μεταξύ των τελεστέων.

Σύμβολο	Περιγραφή	Παράδειγμα
`<`	Μικρότερο από: Συγκρίνει δύο τιμές και επιστρέφει την Boolean τιμή `true` αν η τιμή στα αριστερά είναι μικρότερη από την δεξιά	`5 < 6 // true`
`<=`	Μικρότερο ή ίσο με: Συγκρίνει δύο τιμές και επιστρέφει την Boolean τιμή `true` αν η τιμή στα αριστερά είναι μικρότερη ή ίση με την δεξιά	`5 <= 6 // true`
`>`	Μεγαλύτερο από: Συγκρίνει δύο τιμές και επιστρέφει την Boolean τιμή `true` αν η τιμή στα αριστερά είναι μεγαλύτερη από την δεξιά	`5 > 6 // false`
`>=`	Μεγαλύτερο ή ίσο με: Συγκρίνει δύο τιμές και επιστρέφει την Boolean τιμή `true` αν η τιμή στα αριστερά είναι μεγαλύτερη ή ίση με την δεξιά	`5 >= 6 // false`
`===`	Αυστηρή ισότητα: Συγκρίνει δύο τιμές και επιστρέφει την Boolean τιμή `true` αν οι τιμές στα δεξιά και αριστερά είναι ίσες ΚΑΙ είναι του ίδιου τύπου	`5 === 6 // false`
`!==`	Διαφορά: Συγκρίνει δύο τιμές και επιστρέφει την αντίθετη Boolean τιμή από αυτή που θα επέστρεφε ο τελεστής αυστηρής ισότητας	`5 !== 6 // true`

✅ Ελέγξτε τις γνώσεις σας γράφοντας μερικές συγκρίσεις στην κονσόλα του προγράμματος περιήγησής σας. Σας εκπλήσσει κάποιο από τα επιστρεφόμενα δεδομένα;

flowchart LR
    A["🔢 Τιμές"] --> B["⚖️ Σύγκριση"]
    B --> C["✅ Αποτέλεσμα Boolean"]
    
    D["5"] --> E["< 6"]
    E --> F["αληθές"]
    
    G["10"] --> H["=== '10'"]
    H --> I["ψευδές"]
    
    J["'γεια'"] --> K["!== 'κόσμος'"]
    K --> L["αληθές"]
    
    M["📋 Τύποι Τελεστών"] --> M1["Ισότητα: === !=="]
    M --> M2["Σχεσιακός: < > <= >="]
    M --> M3["Αυστηρός vs Χαλαρός"]
    
    style A fill:#e3f2fd
    style C fill:#e8f5e8
    style M fill:#fff3e0

🧠 Έλεγχος Επάρκειας στη Σύγκριση: Κατανόηση της Λογικής Boolean

Δοκιμάστε την κατανόησή σας στις συγκρίσεις:

Γιατί νομίζετε ότι το === (αυστηρή ισότητα) προτιμάται γενικά από το == (χαλαρή ισότητα);
Μπορείτε να προβλέψετε τι επιστρέφει το 5 === '5'; Τι γίνεται με το 5 == '5';
Ποια είναι η διαφορά μεταξύ !== και !=;

stateDiagram-v2
    [*] --> Comparison: Δύο τιμές
    Comparison --> StrictEqual: === ή !==
    Comparison --> Relational: < > <= >=
    
    StrictEqual --> TypeCheck: Έλεγχος τύπου ΚΑΙ τιμής
    Relational --> NumberCompare: Μετατροπή σε αριθμούς
    
    TypeCheck --> BooleanResult: αληθές ή ψευδές
    NumberCompare --> BooleanResult
    
    note right of StrictEqual
        Προτιμώμενη προσέγγιση
        Χωρίς μετατροπή τύπου
    end note
    
    note right of Relational
        Χρήσιμο για εύρη
        Αριθμητικές συγκρίσεις
    end note

Επαγγελματική συμβουλή: Χρησιμοποιείτε πάντα === και !== για ελέγχους ισότητας εκτός αν χρειάζεστε συγκεκριμένα μετατροπή τύπου. Αυτό αποτρέπει απρόβλεπτες συμπεριφορές!

Δήλωση If

Η δήλωση if είναι σαν να κάνετε μια ερώτηση στον κώδικά σας. "Αν αυτή η συνθήκη είναι αληθής, τότε κάνε αυτό το πράγμα." Είναι πιθανώς το πιο σημαντικό εργαλείο που θα χρησιμοποιήσετε για να παίρνετε αποφάσεις στο JavaScript.

Δείτε πώς λειτουργεί:

if (condition) {
  // Η συνθήκη είναι αληθής. Ο κώδικας σε αυτό το μπλοκ θα εκτελεστεί.
}

Η συνθήκη μπαίνει μέσα στις παρενθέσεις, και αν είναι true, το JavaScript εκτελεί τον κώδικα μέσα στις αγκύλες. Αν είναι false, το JavaScript παρακάμπτει ολόκληρο αυτό το μπλοκ.

Θα χρησιμοποιείτε συχνά τους τελεστές σύγκρισης για να δημιουργήσετε αυτές τις συνθήκες. Ας δούμε ένα πρακτικό παράδειγμα:

let currentMoney = 1000;
let laptopPrice = 800;

if (currentMoney >= laptopPrice) {
  // Η συνθήκη είναι αληθής. Ο κώδικας σε αυτό το μπλοκ θα εκτελεστεί.
  console.log("Getting a new laptop!");
}

Καθώς το 1000 >= 800 αξιολογείται ως true, ο κώδικας μέσα στο μπλοκ εκτελείται, εμφανίζοντας "Getting a new laptop!" στην κονσόλα.

flowchart TD
    A["🚀 Εκκίνηση Προγράμματος"] --> B{"💰 τωρινάΧρήματα >= τιμήLaptop;"}
    B -->|true| C["🎉 'Αγορά νέου laptop!'"]
    B -->|false| D["⏭️ Παράλειψη μπλοκ κώδικα"]
    C --> E["📋 Συνέχεια προγράμματος"]
    D --> E
    
    F["📊 Δομή εντολής If"] --> F1["if (συνθήκη) {"]
    F1 --> F2["  // κώδικας που εκτελείται αν αληθές"]
    F2 --> F3["}"]
    
    style B fill:#fff3e0
    style C fill:#e8f5e8
    style D fill:#ffebee
    style F fill:#e3f2fd

Δήλωση If..Else

Αλλά τι γίνεται αν θέλετε το πρόγραμμα να κάνει κάτι διαφορετικό όταν η συνθήκη είναι ψευδής; Εκεί μπαίνει το else - είναι σαν να έχετε εναλλακτικό σχέδιο.

Η δήλωση else σας δίνει έναν τρόπο να πείτε "αν αυτή η συνθήκη δεν είναι αληθής, κάνε αυτό το άλλο πράγμα αντί γι' αυτό."

let currentMoney = 500;
let laptopPrice = 800;

if (currentMoney >= laptopPrice) {
  // Η συνθήκη είναι αληθής. Ο κώδικας σε αυτό το μπλοκ θα εκτελεστεί.
  console.log("Getting a new laptop!");
} else {
  // Η συνθήκη είναι ψευδής. Ο κώδικας σε αυτό το μπλοκ θα εκτελεστεί.
  console.log("Can't afford a new laptop, yet!");
}

Τώρα, επειδή το 500 >= 800 είναι false, το JavaScript παρακάμπτει το πρώτο μπλοκ και εκτελεί το μπλοκ else αντί γι' αυτό. Θα δείτε "Can't afford a new laptop, yet!" στην κονσόλα.

✅ Δοκιμάστε να κατανοήσετε αυτόν τον κώδικα και τον επόμενο τρέχοντάς τους στην κονσόλα ενός προγράμματος περιήγησης. Αλλάξτε τις τιμές των μεταβλητών currentMoney και laptopPrice για να δείτε την αλλαγή στο console.log() που επιστρέφεται.

🎯 Έλεγχος Λογικής If-Else: Διακλαδώσεις

Αξιολογήστε την κατανόηση της λογικής υπό συνθήκη:

Τι συμβαίνει αν το currentMoney ισούται ακριβώς με το laptopPrice;
Μπορείτε να σκεφτείτε ένα ρεαλιστικό σενάριο όπου η λογική if-else θα ήταν χρήσιμη;
Πώς θα μπορούσατε να το επεκτείνετε για να διαχειρίζεται πολλαπλές τιμές τιμών;

flowchart TD
    A["🔍 Αξιολόγηση Συνθήκης"] --> B{"Η συνθήκη είναι αληθής;"}
    B -->|Ναι| C["📤 Εκτέλεση μπλοκ IF"]
    B -->|Όχι| D["📥 Εκτέλεση μπλοκ ELSE"]
    
    C --> E["✅ Μια διαδρομή επιλέχθηκε"]
    D --> E
    
    F["🌐 Παραδείγματα από πραγματικό κόσμο"] --> F1["Κατάσταση σύνδεσης χρήστη"]
    F --> F2["Επαλήθευση ηλικίας"]
    F --> F3["Επικύρωση φόρμας"]
    F --> F4["Αλλαγές κατάστασης παιχνιδιού"]
    
    style B fill:#fff3e0
    style C fill:#e8f5e8
    style D fill:#e3f2fd
    style F fill:#f3e5f5

Βασική ιδέα: Η if-else εξασφαλίζει ότι ακολουθείται ακριβώς μία διαδρομή. Αυτό εγγυάται ότι το πρόγραμμά σας πάντα έχει απάντηση για οποιαδήποτε συνθήκη!

Δήλωση Switch

Μερικές φορές χρειάζεται να συγκρίνουμε μία τιμή με πολλαπλές επιλογές. Αν και θα μπορούσατε να αλυσιδωθείτε με πολλές δηλώσεις if..else, αυτή η προσέγγιση γίνεται δύσκολη στη διαχείριση. Η δήλωση switch παρέχει καθαρότερη δομή για την διαχείριση πολλαπλών διακριτών τιμών.

Η έννοια είναι παρόμοια με τα μηχανικά συστήματα εναλλαγής που χρησιμοποιούνταν στις πρώτες τηλεφωνικές κέντρα - μια τιμή εισόδου καθορίζει ποια συγκεκριμένη διαδρομή ακολουθεί η εκτέλεση.

switch (expression) {
  case x:
    // μπλοκ κώδικα
    break;
  case y:
    // μπλοκ κώδικα
    break;
  default:
    // μπλοκ κώδικα
}

Δείτε πώς είναι δομημένο:

Η JavaScript αξιολογεί την έκφραση μία φορά
Ψάχνει κάθε case για να βρει μια αντιστοιχία
Όταν βρίσκει αντιστοιχία, εκτελεί αυτόν τον κώδικα
Το break λέει στη JavaScript να σταματήσει και να βγει από το switch
Αν δεν ταιριάζει κανένα case, εκτελεί το μπλοκ default (αν υπάρχει)

// Πρόγραμμα που χρησιμοποιεί δήλωση switch για την ημέρα της εβδομάδας
let dayNumber = 2;
let dayName;

switch (dayNumber) {
  case 1:
    dayName = "Monday";
    break;
  case 2:
    dayName = "Tuesday";
    break;
  case 3:
    dayName = "Wednesday";
    break;
  default:
    dayName = "Unknown day";
    break;
}
console.log(`Today is ${dayName}`);

Σε αυτό το παράδειγμα, η JavaScript βλέπει ότι το dayNumber είναι 2, βρίσκει το κατάλληλο case 2, ορίζει το dayName σε "Tuesday" και μετά διακόπτει το switch. Το αποτέλεσμα; "Today is Tuesday" εμφανίζεται στην κονσόλα.

flowchart TD
    A["📥 switch(έκφραση)"] --> B["🔍 Αξιολόγηση μία φορά"]
    B --> C{"Ταιριάζει η περίπτωση 1;"}
    C -->|Ναι| D["📋 Εκτέλεση περίπτωσης 1"]
    C -->|Όχι| E{"Ταιριάζει η περίπτωση 2;"}
    E -->|Ναι| F["📋 Εκτέλεση περίπτωσης 2"]
    E -->|Όχι| G{"Ταιριάζει η περίπτωση 3;"}
    G -->|Ναι| H["📋 Εκτέλεση περίπτωσης 3"]
    G -->|Όχι| I["📋 Εκτέλεση προεπιλογής"]
    
    D --> J["🛑 διάλειμμα"]
    F --> K["🛑 διάλειμμα"]
    H --> L["🛑 διάλειμμα"]
    
    J --> M["✅ Έξοδος από το switch"]
    K --> M
    L --> M
    I --> M
    
    style A fill:#e3f2fd
    style B fill:#fff3e0
    style M fill:#e8f5e8

✅ Δοκιμάστε να κατανοήσετε αυτόν τον κώδικα και τον επόμενο τρέχοντάς τον στην κονσόλα ενός προγράμματος περιήγησης. Αλλάξτε την τιμή της μεταβλητής a για να δείτε την αλλαγή στο console.log() που επιστρέφεται.

🔄 Αριστεία στη Δήλωση Switch: Πολλαπλές Επιλογές

Δοκιμάστε την κατανόηση του switch:

Τι συμβαίνει αν ξεχάσετε μια δήλωση break;
Πότε θα χρησιμοποιούσατε switch αντί για πολλαπλές δηλώσεις if-else;
Γιατί είναι χρήσιμο το case default ακόμα κι αν φαίνεται ότι έχετε καλύψει όλες τις πιθανότητες;

pie title "Πότε να Χρησιμοποιήσετε Κάθε Δομή Απόφασης"
    "Απλό αν-διαφορετικά" : 40
    "Σύνθετες αλυσιδωτές if-else" : 25
    "Δηλώσεις switch" : 20
    "Τριμερείς τελεστές" : 15

Καλύτερη πρακτική: Χρησιμοποιήστε το switch όταν συγκρίνετε μια μεταβλητή με πολλαπλές συγκεκριμένες τιμές. Χρησιμοποιήστε το if-else για ελέγχους εύρους ή πολύπλοκες συνθήκες!

Λογικοί Τελεστές και Booleans

Σύνθετες αποφάσεις συχνά απαιτούν την αξιολόγηση πολλαπλών συνθηκών ταυτόχρονα. Όπως η λογική άλγεβρα επιτρέπει στους μαθηματικούς να συνδυάζουν λογικές εκφράσεις, έτσι και ο προγραμματισμός προσφέρει λογικούς τελεστές για να συνδέσετε πολλαπλές λογικές συνθήκες.

Αυτοί οι τελεστές επιτρέπουν την προχωρημένη λογική υπό συνθήκη, συνδυάζοντας απλές αξιολογήσεις αληθούς/ψευδούς.

Σύμβολο	Περιγραφή	Παράδειγμα
`&&`	Λογικό ΚΑΙ: Συγκρίνει δύο λογικές εκφράσεις. Επιστρέφει `true` μόνο αν και οι δύο είναι αληθείς	`(5 > 3) && (5 < 10) // ΚΑΙ οι δύο είναι αληθείς. Επιστρέφει true`
`\|\|`	Λογικό 'Ή': Συγκρίνει δύο λογικές εκφράσεις. Επιστρέφει `true` αν τουλάχιστον μία είναι αληθής	`(5 > 10) \|\| (5 < 10) // Μία πλευρά είναι false, η άλλη true. Επιστρέφει true`
`!`	Λογικό ΟΧΙ: Επιστρέφει την αντίθετη τιμή μιας λογικής έκφρασης	`!(5 > 10) // Το 5 δεν είναι μεγαλύτερο από 10, άρα το "!" το κάνει true`

Αυτοί οι τελεστές σας επιτρέπουν να συνδυάζετε συνθήκες με χρήσιμους τρόπους:

AND (&&) σημαίνει και οι δύο συνθήκες πρέπει να είναι αληθείς
OR (||) σημαίνει η τουλάχιστον μία συνθήκη πρέπει να είναι αληθής
NOT (!) αντιστρέφει το true σε false (και το αντίστροφο)

flowchart LR
    A["🔗 Λογικοί Τελεστές"] --> B["&& ΚΑΙ"]
    A --> C["|| Ή"]
    A --> D["! ΟΧΙ"]
    
    B --> B1["Και τα δύο πρέπει να είναι αληθή"]
    B --> B2["true && true = true"]
    B --> B3["true && false = false"]
    
    C --> C1["Τουλάχιστον ένα αληθές"]
    C --> C2["true || false = true"]
    C --> C3["false || false = false"]
    
    D --> D1["Αλλάζει την τιμή"]
    D --> D2["!true = false"]
    D --> D3["!false = true"]
    
    E["🌍 Πραγματικά Παραδείγματα"] --> E1["Ηλικία >= 18 && έχειΆδεια"]
    E --> E2["είναιΣαββατοκύριακο || είναιΑργία"]
    E --> E3["!είναιΣυνδεδεμένος"]
    
    style A fill:#e3f2fd
    style B fill:#e8f5e8
    style C fill:#fff3e0
    style D fill:#f3e5f5
    style E fill:#e0f2f1

Συνθήκες και Αποφάσεις με Λογικούς Τελεστές

Ας δούμε αυτούς τους λογικούς τελεστές σε δράση με ένα πιο ρεαλιστικό παράδειγμα:

let currentMoney = 600;
let laptopPrice = 800;
let laptopDiscountPrice = laptopPrice - (laptopPrice * 0.2); // Τιμή laptop με έκπτωση 20 τοις εκατό

if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
  // Η συνθήκη ισχύει. Ο κώδικας σε αυτό το μπλοκ θα εκτελεστεί.
  console.log("Getting a new laptop!");
} else {
  // Η συνθήκη δεν ισχύει. Ο κώδικας σε αυτό το μπλοκ θα εκτελεστεί.
  console.log("Can't afford a new laptop, yet!");
}

Σε αυτό το παράδειγμα: υπολογίζουμε μια τιμή έκπτωσης 20% (640), έπειτα αξιολογούμε αν τα διαθέσιμα χρήματά μας καλύπτουν είτε την πλήρη τιμή Ή την τιμή με έκπτωση. Καθώς τα 600 πληρούν το όριο της τιμής με έκπτωση των 640, η συνθήκη αξιολογείται ως αληθής.

🧮 Έλεγχος Λογικών Τελεστών: Συνδυασμός Συνθηκών

Δοκιμάστε την κατανόησή σας στους λογικούς τελεστές:

Στην έκφραση A && B, τι συμβαίνει αν το A είναι false; Αξιολογείται καν το B;
Μπορείτε να σκεφτείτε σενάριο όπου θα χρειαστείτε τους τρεις τελεστές (&&, ||, !) μαζί;
Ποια είναι η διαφορά μεταξύ !user.isActive και user.isActive !== true;

stateDiagram-v2
    [*] --> EvaluateA: Α && Β
    EvaluateA --> CheckB: Α είναι αληθές
    EvaluateA --> ReturnFalse: Α είναι ψευδές
    CheckB --> ReturnTrue: Β είναι αληθές
    CheckB --> ReturnFalse: Β είναι ψευδές
    
    [*] --> EvaluateC: Α || Β
    EvaluateC --> ReturnTrue: Α είναι αληθές
    EvaluateC --> CheckD: Α είναι ψευδές
    CheckD --> ReturnTrue: Β είναι αληθές
    CheckD --> ReturnFalse: Β είναι ψευδές
    
    note right of EvaluateA
        Αξιολόγηση βραχείας κυκλωσης:
        Αν Α είναι ψευδές, το Β δεν ελέγχεται ποτέ
    end note

Συμβουλή απόδοσης: Η JavaScript χρησιμοποιεί "σύντομη αξιολόγηση" - στο A && B, αν το A είναι false, το B δεν αξιολογείται καν. Χρησιμοποιήστε το προς όφελός σας!

Τελεστής Άρνησης

Μερικές φορές είναι πιο εύκολο να σκεφτείτε πότε κάτι δεν είναι αληθές. Όπως αντί να ρωτήσετε "Είναι ο χρήστης συνδεδεμένος;", μπορεί να θέλετε να ρωτήσετε "Δεν είναι ο χρήστης συνδεδεμένος;" Ο τελεστής θαυμαστικού (!) αντιστρέφει για εσάς τη λογική.

if (!condition) {
  // εκτελείται αν η συνθήκη είναι ψευδής
} else {
  // εκτελείται αν η συνθήκη είναι αληθής
}

Ο τελεστής ! είναι σαν να λέτε "το αντίθετο του..." – αν κάτι είναι true, το ! το κάνει false, και το αντίστροφο.

Τριμερής Έκφραση (Ternary Expressions)

Για απλές συνθήκες ανάθεσης τιμής, το JavaScript παρέχει τον τριμερή τελεστή. Αυτή η συνοπτική σύνταξη σας επιτρέπει να γράψετε μια λογική υπό συνθήκη σε μία γραμμή, χρήσιμη όταν χρειάζεται να αναθέσετε μία από δύο τιμές βάσει μιας συνθήκης.

let variable = condition ? returnThisIfTrue : returnThisIfFalse;

Διαβάζεται σαν ερώτηση: "Είναι αυτή η συνθήκη αληθής; Αν ναι, χρησιμοποίησε αυτή την τιμή. Αν όχι, χρησιμοποίησε εκείνη την τιμή."

Παρακάτω υπάρχει ένα πιο απτό παράδειγμα:

let firstNumber = 20;
let secondNumber = 10;
let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;

✅ Πάρτε λίγο χρόνο να διαβάσετε αυτόν τον κώδικα μερικές φορές. Καταλαβαίνετε πώς λειτουργούν αυτοί οι τελεστές;

Αυτή η γραμμή λέει: "Είναι ο firstNumber μεγαλύτερος από τον secondNumber; Αν ναι, βάλε το firstNumber στο biggestNumber. Αν όχι, βάλε το secondNumber στο biggestNumber."

Ο τριμερής τελεστής είναι απλά ένας πιο σύντομος τρόπος να γράψετε την παραδοσιακή δήλωση if..else:

let biggestNumber;
if (firstNumber > secondNumber) {
  biggestNumber = firstNumber;
} else {
  biggestNumber = secondNumber;
}

Και οι δύο προσεγγίσεις παράγουν τα ίδια αποτελέσματα. Ο τριμερής τελεστής προσφέρει συνοπτικότητα, ενώ η παραδοσιακή δομή if-else μπορεί να είναι πιο ευανάγνωστη για πολύπλοκες συνθήκες.

flowchart LR
    A["🤔 Τριμερής Τελεστής"] --> B["συνθήκη ?"]
    B --> C["τιμήΑνΑληθής :"]
    C --> D["τιμήΑνΨευδής"]
    
    E["📝 Παραδοσιακό If-Else"] --> F["αν (συνθήκη) {"]
    F --> G["  επιστροφή τιμήΑνΑληθής"]
    G --> H["} αλλιώς {"]
    H --> I["  επιστροφή τιμήΑνΨευδής"]
    I --> J["}"]
    
    K["⚡ Πότε να χρησιμοποιείς"] --> K1["Απλές αναθέσεις"]
    K --> K2["Σύντομες συνθήκες"]
    K --> K3["Αποφάσεις σε γραμμή"]
    K --> K4["Έντολές επιστροφής"]
    
    style A fill:#e3f2fd
    style E fill:#fff3e0
    style K fill:#e8f5e8

🚀 Πρόκληση

Δημιουργήστε ένα πρόγραμμα που γράφεται πρώτα με λογικούς τελεστές, και στη συνέχεια ξαναγράψτε το χρησιμοποιώντας μια τριμερή έκφραση. Ποια σύνταξη προτιμάτε;

Πρόκληση GitHub Copilot Agent 🚀

Χρησιμοποιήστε τη λειτουργία Agent για να ολοκληρώσετε την παρακάτω πρόκληση:

Περιγραφή: Δημιουργήστε έναν ολοκληρωμένο υπολογιστή βαθμολογίας που να δείχνει πολλαπλές έννοιες λήψης αποφάσεων από αυτό το μάθημα, συμπεριλαμβανομένων των δηλώσεων if-else, των δηλώσεων switch, των λογικών τελεστών και των τριμερών εκφράσεων.

Προτροπή: Γράψτε ένα πρόγραμμα JavaScript που παίρνει τον αριθμητικό βαθμό ενός μαθητή (0-100) και καθορίζει το γράμμα βαθμού σύμφωνα με τα ακόλουθα κριτήρια:

A: 90-100
B: 80-89
C: 70-79
D: 60-69
F: Κάτω από 60

Απαιτήσεις:

Χρησιμοποιήστε μια δήλωση if-else για να καθορίσετε το γράμμα βαθμού
Χρησιμοποιήστε λογικούς τελεστές για να ελέγξετε εάν ο μαθητής περνάει (βαθμός >= 60) ΚΑΙ έχει τιμητική διάκριση (βαθμός >= 90)
Χρησιμοποιήστε μια δήλωση switch για να παρέχετε συγκεκριμένη ανατροφοδότηση για κάθε γράμμα βαθμού
Χρησιμοποιήστε έναν τριαδικό τελεστή για να καθορίσετε αν ο μαθητής είναι επιλέξιμος για το επόμενο μάθημα (βαθμός >= 70)
Συμπεριλάβετε έλεγχο εισόδου για να βεβαιωθείτε ότι η βαθμολογία είναι μεταξύ 0 και 100

Δοκιμάστε το πρόγραμμά σας με διάφορες βαθμολογίες, συμπεριλαμβανομένων ακραίων περιπτώσεων όπως 59, 60, 89, 90, και μη έγκυρης εισόδου.

Μάθετε περισσότερα για το agent mode εδώ.

Post-Lecture Quiz

Post-lecture quiz

Review & Self Study

Διαβάστε περισσότερα για τους πολλούς τελεστές που είναι διαθέσιμοι στον χρήστη στο MDN.

Περιηγηθείτε στην υπέροχη αναζήτηση τελεστών του Josh Comeau!

Assignment

Operators

🧠 Περίληψη του Εργαλείου Λήψης Αποφάσεων Σας

graph TD
    A["🎯 Αποφάσεις JavaScript"] --> B["🔍 Λογική Boolean"]
    A --> C["📊 Συνθήκες"]
    A --> D["🔗 Λογικοί Τελεστές"]
    A --> E["⚡ Προχωρημένα Σχέδια"]
    
    B --> B1["τιμές true/false"]
    B --> B2["Τελεστές σύγκρισης"]
    B --> B3["Έννοιες αλήθειας"]
    
    C --> C1["εντολές if"]
    C --> C2["αλυσίδες if-else"]
    C --> C3["εντολές switch"]
    
    D --> D1["&& (ΚΑΙ)"]
    D --> D2["|| (Ή)"]
    D --> D3["! (ΟΧΙ)"]
    
    E --> E1["Τριμερής τελεστής"]
    E --> E2["Αξιολόγηση συντομεύσεων"]
    E --> E3["Σύνθετες συνθήκες"]
    
    F["💡 Κύριες Αρχές"] --> F1["Καθαρές αναγνώσιμες συνθήκες"]
    F --> F2["Συνεπής στυλ σύγκρισης"]
    F --> F3["Σωστή προτεραιότητα τελεστών"]
    F --> F4["Αποδοτική σειρά αξιολόγησης"]
    
    style A fill:#e3f2fd
    style B fill:#e8f5e8
    style C fill:#fff3e0
    style D fill:#f3e5f5
    style E fill:#e0f2f1
    style F fill:#fce4ec

🚀 Η Χρονογραμμή Εμπειρίας σας στη Λήψη Αποφάσεων με JavaScript

⚡ Τι Μπορείτε να Κάνετε στα Επόμενα 5 Λεπτά

Εξασκηθείτε στους τελεστές σύγκρισης στην κονσόλα του προγράμματος περιήγησής σας
Γράψτε μια απλή δήλωση if-else που ελέγχει την ηλικία σας
Δοκιμάστε την πρόκληση: ξαναγράψτε ένα if-else χρησιμοποιώντας έναν τριαδικό τελεστή
Δοκιμάστε τι συμβαίνει με διαφορετικές "αληθείς" και "ψευδείς" τιμές

🎯 Τι Μπορείτε να Επιτύχετε Αυτήν την Ώρα

Ολοκληρώστε το κουίζ μετά το μάθημα και αναθεωρήστε τυχόν συγκεχυμένες έννοιες
Δημιουργήστε τον ολοκληρωμένο υπολογιστή βαθμολογίας από την πρόκληση GitHub Copilot
Δημιουργήστε ένα απλό δέντρο αποφάσεων για ένα πραγματικό σενάριο (όπως να επιλέξετε τι να φορέσετε)
Εξασκηθείτε στον συνδυασμό πολλαπλών συνθηκών με λογικούς τελεστές
Πειραματιστείτε με δηλώσεις switch για διαφορετικές περιπτώσεις χρήσης

📅 Η Εβδομαδιαία Μάστερ Λογικής Σας

Ολοκληρώστε την ανάθεση για τους τελεστές με δημιουργικά παραδείγματα
Κατασκευάστε μια μικρή εφαρμογή κουίζ χρησιμοποιώντας διάφορες δομές συνθηκών
Δημιουργήστε έναν επικυρωτή φόρμας που ελέγχει πολλαπλές συνθήκες εισόδου
Εξασκηθείτε στις ασκήσεις του Josh Comeau για αναζήτηση τελεστών
Αναδιαρθρώστε υπάρχοντα κώδικα για να χρησιμοποιεί πιο κατάλληλες δομές συνθηκών
Μελετήστε την εκτίμηση βραχυκυκλωμάτων και τις επιπτώσεις στην απόδοση

🌟 Η Μηνιαία Μεταμόρφωσή σας

Κυριαρχήστε σε σύνθετες εμφωλευμένες συνθήκες και διατηρήστε την αναγνωσιμότητα του κώδικα
Δημιουργήστε μια εφαρμογή με εξελιγμένη λογική λήψης αποφάσεων
Συμβάλετε στο ανοιχτό λογισμικό βελτιώνοντας τη λογική συνθηκών σε υπάρχοντα έργα
Διδάξτε κάποιον άλλο για τις διαφορετικές δομές συνθηκών και πότε να χρησιμοποιούνται
Εξερευνήστε τις λειτουργικές προσεγγίσεις στη λογική συνθηκών
Δημιουργήστε έναν προσωπικό οδηγό αναφοράς για τις βέλτιστες πρακτικές συνθηκών

🏆 Έλεγχος Τελικού Πρωταθλητή στη Λήψη Αποφάσεων

Γιορτάστε την κυριαρχία της λογικής σας σκέψης:

Ποια είναι η πιο σύνθετη λογική απόφασης που έχετε υλοποιήσει επιτυχώς;
Ποια δομή συνθηκών σας φαίνεται πιο φυσική και γιατί;
Πώς η εκμάθηση των λογικών τελεστών άλλαξε τον τρόπο επίλυσης προβλημάτων σας;
Ποια πραγματική εφαρμογή θα ωφελούνταν από εξελιγμένη λογική λήψης αποφάσεων;

journey
    title Η Εξέλιξη της Λογικής Σκέψης Σας
    section Σήμερα
      Μπερδέματα με Boolean: 3: You
      Κατανόηση If-Else: 4: You
      Αναγνώριση Τελεστών: 5: You
    section Αυτή την Εβδομάδα
      Πολύπλοκες Συνθήκες: 4: You
      Εμπειρία στο Switch: 5: You
      Λογικοί Συνδυασμοί: 5: You
    section Τον Επόμενο Μήνα
      Προχωρημένα Πρότυπα: 5: You
      Ενημέρωση για Απόδοση: 5: You
      Διδασκαλία Άλλων: 5: You

🧠 Έχετε κυριαρχήσει στην τέχνη της ψηφιακής λήψης αποφάσεων! Κάθε διαδραστική εφαρμογή βασίζεται σε λογική συνθηκών για να ανταποκριθεί έξυπνα στις ενέργειες του χρήστη και τις μεταβαλλόμενες συνθήκες. Τώρα καταλαβαίνετε πώς να κάνετε τα προγράμματά σας να σκέφτονται, να αξιολογούν και να επιλέγουν κατάλληλες απαντήσεις. Αυτό το λογικό θεμέλιο θα υποστηρίξει κάθε δυναμική εφαρμογή που δημιουργείτε! 🎉

Αποποίηση ευθυνών:
Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI Co-op Translator. Παρότι καταβάλλουμε προσπάθειες για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτοματοποιημένες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα του θεωρείται η επίσημη πηγή. Για κρίσιμες πληροφορίες συνιστάται επαγγελματική ανθρωπογενής μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.

README.md Unescape Escape