Κοινή χρήση τεχνολογίας

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

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

1. push() και pop()

Σπρώξτε()

Η μέθοδος push() προσθέτει ένα ή περισσότερα στοιχεία στο τέλος ενός πίνακα και επιστρέφει το μήκος του νέου πίνακα.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

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

επιστρεφόμενη τιμή: Το μήκος του νέου πίνακα.

κρότος()

Η μέθοδος pop() αφαιρεί ένα στοιχείο από το τέλος του πίνακα και επιστρέφει αυτό το στοιχείο.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

παράμετρος: κανένα.

επιστρεφόμενη τιμή: Το διαγραμμένο στοιχείο.

2. shift() και unshift()

βάρδια()

Η μέθοδος shift() χρησιμοποιείται για τη διαγραφή ενός στοιχείου στην αρχή του πίνακα και την επιστροφή αυτού του στοιχείου.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

παράμετρος: κανένα.

επιστρεφόμενη τιμή: Το διαγραμμένο στοιχείο.

unshift()

Η μέθοδος unshift() προσθέτει ένα ή περισσότερα στοιχεία στην αρχή ενός πίνακα και επιστρέφει το μήκος του νέου πίνακα.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

παράμετρος: Ένα ή περισσότερα στοιχεία για προσθήκη στην αρχή του πίνακα.

επιστρεφόμενη τιμή: Το μήκος του νέου πίνακα.

3. slice() και splice()

φέτα()

Η μέθοδος slice() χρησιμοποιείται για την επιστροφή ενός νέου πίνακα που έχει επιλεγεί από την αρχή μέχρι το τέλος (αποκλειστική). Ο αρχικός πίνακας δεν θα τροποποιηθεί.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

παράμετρος:

αρχίζουν(Προαιρετικό): Έναρξη εξαγωγής από (και συμπερίληψη) αυτού του ευρετηρίου.

τέλος(Προαιρετικό): Τερματισμός εξαγωγής πριν (και μη συμπερίληψη) αυτού του ευρετηρίου.

επιστρεφόμενη τιμή:

ένας νέος πίνακας που περιέχει από αρχίζουν φθάνωτέλος(εξαιρουμένων τέλος)Στοιχεία.

συνδέω()

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

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

παράμετρος:

αρχή: Καθορίζει την αρχική θέση τροποποίησης.

deleteCount(προαιρετικό): Ακέραιος αριθμός που υποδεικνύει τον αριθμό των στοιχείων που πρέπει να αφαιρεθούν.

στοιχείο 1, στοιχείο 2, ...(προαιρετικό): Το νέο στοιχείο για προσθήκη στον πίνακα.

επιστρεφόμενη τιμή: Ένας πίνακας που περιέχει τα διαγραμμένα στοιχεία.

4. concat()

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

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

παράμετρος: Πίνακας ή τιμή που θα συγχωνευθεί στον τρέχοντα πίνακα.

επιστρεφόμενη τιμή: ένας νέος πίνακας.

5. forEach()

για κάθε() Η μέθοδος εκτελεί την παρεχόμενη συνάρτηση μία φορά για κάθε στοιχείο του πίνακα.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

παράμετρος: Συνάρτηση που δέχεται ως παραμέτρους το τρέχον στοιχείο, το ευρετήριο στοιχείου και τον ίδιο τον πίνακα.

επιστρεφόμενη τιμή: κανένα.

6. χάρτης()

χάρτης() Η μέθοδος δημιουργεί έναν νέο πίνακα του οποίου το αποτέλεσμα είναι ότι κάθε στοιχείο στον πίνακα είναι η τιμή επιστροφής μιας κλήσης στην παρεχόμενη συνάρτηση.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

παράμετρος: Συνάρτηση που δέχεται ως παραμέτρους το τρέχον στοιχείο, το ευρετήριο στοιχείου και τον ίδιο τον πίνακα.

επιστρεφόμενη τιμή: ένας νέος πίνακας.

7. filter()

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

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

παράμετρος: Συνάρτηση που δέχεται το τρέχον στοιχείο, το ευρετήριο στοιχείου και τον ίδιο τον πίνακα ως παραμέτρους και επιστρέφει μια Boolean τιμή.

επιστρεφόμενη τιμή: ένας νέος πίνακας.

8. μείωση ()

περιορίζω() Η μέθοδος εκτελεί μια συνάρτηση μειωτήρα που παρέχετε (σε αύξουσα σειρά) σε κάθε στοιχείο του πίνακα, συνοψίζοντας τα αποτελέσματά του σε μια ενιαία τιμή επιστροφής.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

παράμετρος:περιστέλλων Συνάρτηση που δέχεται έναν συσσωρευτή και την τρέχουσα τιμή ως ορίσματα.

αρχική τιμή(Προαιρετικό): Ως τιμή της πρώτης παραμέτρου όταν καλείτε τη λειτουργία επανάκλησης για πρώτη φορά.

επιστρεφόμενη τιμή: Συσσωρευμένα αποτελέσματα.

9. find()

εύρημα() Η μέθοδος επιστρέφει την τιμή του πρώτου στοιχείου στον πίνακα που ικανοποιεί την παρεχόμενη δοκιμαστική συνάρτηση.Διαφορετικά επιστροφήαπροσδιόριστος。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

παράμετρος: Συνάρτηση που δέχεται το τρέχον στοιχείο, το ευρετήριο στοιχείου και τον ίδιο τον πίνακα ως παραμέτρους και επιστρέφει μια Boolean τιμή.

επιστρεφόμενη τιμή: Η τιμή του πρώτου στοιχείου που περνάει τη δοκιμή.

10. περιλαμβάνει()

περιλαμβάνει() Η μέθοδος χρησιμοποιείται για να προσδιορίσει εάν ένας πίνακας περιέχει μια καθορισμένη τιμή, θα επιστραφεί εάν περιέχειαληθής, διαφορετικά επιστρέψτε ψευδής。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

παράμετρος:

valueToFind: Η τιμή του στοιχείου που πρέπει να βρεθεί.

από Ευρετήριο(Προαιρετικό): Ξεκινήστε την αναζήτηση σε αυτό το ευρετήριο.

επιστρεφόμενη τιμή: Boolean τιμή.

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