|
| 1 | +# Αποδόμηση Πίνακα (Destructuring) |
| 2 | + |
| 3 | +Η αποδόμηση πίνακα (array destructuring) είναι μια σύνταξη στην JavaScript που επιτρέπει την εξαγωγή τιμών από πίνακες και την ανάθεση τους σε μεταβλητές με έναν πιο συνοπτικό και ευανάγνωστο τρόπο. |
| 4 | + |
| 5 | +## Βασική Σύνταξη |
| 6 | + |
| 7 | +Η βασική σύνταξη για την αποδόμηση πίνακα είναι η εξής: |
| 8 | + |
| 9 | +```javascript |
| 10 | +const array = [1, 2, 3]; |
| 11 | + |
| 12 | +const [a, b, c] = array; |
| 13 | + |
| 14 | +console.log(a); // 1 |
| 15 | +console.log(b); // 2 |
| 16 | +console.log(c); // 3 |
| 17 | +``` |
| 18 | + |
| 19 | +Σε αυτό το παράδειγμα, οι τιμές του πίνακα `array` αποδομούνται και ανατίθενται στις μεταβλητές `a`, `b`, και `c`. |
| 20 | + |
| 21 | +Τα ονόματα των μεταβλητών μπορούν να είναι όποια θέλετε, αλλά η σειρά τους πρέπει να αντιστοιχεί στη σειρά των τιμών στον πίνακα. |
| 22 | + |
| 23 | +:::info[Σημείωση] |
| 24 | + |
| 25 | +Είναι σημαντικό να αναφέρουμε ότι το destructuring δεν τροποποιεί τον αρχικό πίνακα, αλλά απλώς εξάγει τις τιμές του σε νέες μεταβλητές. |
| 26 | + |
| 27 | +::: |
| 28 | + |
| 29 | +## Παράλειψη Τιμών |
| 30 | + |
| 31 | +Μπορείτε να παραλείψετε τιμές κατά την αποδόμηση χρησιμοποιώντας κενά διαστήματα: |
| 32 | + |
| 33 | +```javascript |
| 34 | +const array = [1, 2, 3]; |
| 35 | + |
| 36 | +const [a, , c] = array; |
| 37 | + |
| 38 | +console.log(a); // 1 |
| 39 | +console.log(c); // 3 |
| 40 | +``` |
| 41 | + |
| 42 | +Σε αυτό το παράδειγμα, η δεύτερη τιμή του πίνακα παραλείπεται. |
| 43 | + |
| 44 | +## Προεπιλεγμένες Τιμές |
| 45 | + |
| 46 | +Μπορείτε να ορίσετε προεπιλεγμένες τιμές για τις μεταβλητές κατά την αποδόμηση: |
| 47 | + |
| 48 | +```javascript |
| 49 | +const array = [1]; |
| 50 | +const [a, b = 2] = array; |
| 51 | +console.log(a); // 1 |
| 52 | +console.log(b); // 2 |
| 53 | +``` |
| 54 | + |
| 55 | +Σε αυτό το παράδειγμα, η μεταβλητή `b` λαμβάνει την προεπιλεγμένη τιμή `2` επειδή ο πίνακας δεν έχει δεύτερη τιμή. |
| 56 | + |
| 57 | +## Υπόλοιπα Στοιχεία (Rest Elements) |
| 58 | + |
| 59 | +Μπορείτε να χρησιμοποιήσετε τον τελεστή υπόλοιπου (`...`) για να τοποθετήσετε τα υπόλοιπα στοιχεία του πίνακα σε μια νέα μεταβλητή: |
| 60 | + |
| 61 | +```javascript |
| 62 | +const array = [1, 2, 3, 4]; |
| 63 | +const [a, b, ...rest] = array; |
| 64 | +console.log(a); // 1 |
| 65 | +console.log(b); // 2 |
| 66 | +console.log(rest); // [3, 4] |
| 67 | +``` |
| 68 | + |
| 69 | +Σε αυτό το παράδειγμα, οι πρώτες δύο τιμές αποδίδονται στις μεταβλητές `a` και `b`, ενώ οι υπόλοιπες τιμές συλλέγονται στον πίνακα `rest`. |
| 70 | + |
| 71 | +## Ανταλλαγή Τιμών |
| 72 | + |
| 73 | +Η αποδόμηση πίνακα μπορεί να χρησιμοποιηθεί για την ανταλλαγή τιμών μεταξύ δύο μεταβλητών χωρίς τη χρήση προσωρινής μεταβλητής: |
| 74 | + |
| 75 | +```javascript |
| 76 | +let a = 1; |
| 77 | +let b = 2; |
| 78 | + |
| 79 | +[a, b] = [b, a]; |
| 80 | + |
| 81 | +console.log(a); // 2 |
| 82 | +console.log(b); // 1 |
| 83 | +``` |
| 84 | + |
| 85 | +Σε αυτό το παράδειγμα, οι τιμές των μεταβλητών `a` και `b` ανταλλάσσονται χρησιμοποιώντας αποδόμηση πίνακα. |
0 commit comments