Skip to content

Commit ecd6d6b

Browse files
committed
Added destructuring section in arrays
1 parent 0bbe1b8 commit ecd6d6b

6 files changed

Lines changed: 86 additions & 1 deletion

File tree

.github/workflows/main.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ jobs:
118118
# output: 'trivy-results.sarif'
119119

120120
- name: Upload Trivy scan results to GitHub Security tab
121-
uses: github/codeql-action/upload-sarif@v3
121+
uses: github/codeql-action/upload-sarif@v4
122122
if: always()
123123
with:
124124
sarif_file: 'trivy-results.sarif'
Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
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` ανταλλάσσονται χρησιμοποιώντας αποδόμηση πίνακα.
File renamed without changes.
File renamed without changes.

0 commit comments

Comments
 (0)