Skip to main content

Αποδόμηση Πίνακα (Destructuring)

Η αποδόμηση πίνακα (array destructuring) είναι μια σύνταξη στην JavaScript που επιτρέπει την εξαγωγή τιμών από πίνακες και την ανάθεση τους σε μεταβλητές με έναν πιο συνοπτικό και ευανάγνωστο τρόπο.

Βασική Σύνταξη​

Η βασική σύνταξη για την αποδόμηση πίνακα είναι η εξής:

const array = [1, 2, 3];

const [a, b, c] = array;

console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

Σε αυτό το παράδειγμα, οι τιμές του πίνακα array αποδομούνται και ανατίθενται στις μεταβλητές a, b, και c.

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

Σημείωση

Είναι σημαντικό να αναφέρουμε ότι το destructuring δεν τροποποιεί τον αρχικό πίνακα, αλλά απλώς εξάγει τις τιμές του σε νέες μεταβλητές.

Παράλειψη Τιμών​

Μπορείτε να παραλείψετε τιμές κατά την αποδόμηση χρησιμοποιώντας κενά διαστήματα:

const array = [1, 2, 3];

const [a, , c] = array;

console.log(a); // 1
console.log(c); // 3

Σε αυτό το παράδειγμα, η δεύτερη τιμή του πίνακα παραλείπεται.

Προεπιλεγμένες Τιμές​

Μπορείτε να ορίσετε προεπιλεγμένες τιμές για τις μεταβλητές κατά την αποδόμηση:

const array = [1];
const [a, b = 2] = array;
console.log(a); // 1
console.log(b); // 2

Σε αυτό το παράδειγμα, η μεταβλητή b λαμβάνει την προεπιλεγμένη τιμή 2 επειδή ο πίνακας δεν έχει δεύτερη τιμή.

Υπόλοιπα Στοιχεία​

Μπορείτε να χρησιμοποιήσετε τον τελεστή υπόλοιπου (...) για να τοποθετήσετε τα υπόλοιπα στοιχεία του πίνακα σε μια νέα μεταβλητή:

const array = [1, 2, 3, 4];
const [a, b, ...rest] = array;
console.log(a); // 1
console.log(b); // 2
console.log(rest); // [3, 4]

Σε αυτό το παράδειγμα, οι πρώτες δύο τιμές αποδίδονται στις μεταβλητές a και b, ενώ οι υπόλοιπες τιμές συλλέγονται στον πίνακα rest.

Ανταλλαγή Τιμών​

Η αποδόμηση πίνακα μπορεί να χρησιμοποιηθεί για την ανταλλαγή τιμών μεταξύ δύο μεταβλητών χωρίς τη χρήση προσωρινής μεταβλητής:

let a = 1;
let b = 2;

[a, b] = [b, a];

console.log(a); // 2
console.log(b); // 1

Σε αυτό το παράδειγμα, οι τιμές των μεταβλητών a και b ανταλλάσσονται χρησιμοποιώντας αποδόμηση πίνακα.