Μέθοδοι της Σειράς του JavaScript

Η δύναμη των μαζών JavaScript κρύβεται στις μεθόδους τους.

Μετατρέπει τη μάζα σε αλφαβητική ακολουθία

Μέθοδοι JavaScript toString() Μετατρέπει τη μάζα σε μια αλφαβητική ακολουθία τιμών (χωρισμένων με κόμματα).

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Αποτελέσματα

Banana,Orange,Apple,Mango

Δοκιμάστε το προσωπικά

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

Το behavior του είναι παρόμοιο με το toString(), αλλά μπορείτε να καθορίσετε και διαχωριστικό:

Παράδειγμα

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Αποτελέσματα

Banana * Orange * Apple * Mango

Δοκιμάστε το προσωπικά

Popping και Pushing

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

Η αφαίρεση και η προσθήκη (Popping και Pushing) σημαίνει:

Αφαίρεση από το arrayΑφαίρεσηΕγχειρήματα, ή προσθήκη στο arrayΕισαγωγήΕγχειρήματα.

Αφαίρεση

pop() Η μέθοδος αφαιρεί το τελευταίο στοιχείο από τη μάζα:

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Αφαιρεί το τελευταίο στοιχείο από το fruits ("Mango")

Δοκιμάστε το προσωπικά

pop() Η μέθοδος επιστρέφει την τιμή που αφαιρέθηκε:

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // Η τιμή του x είναι "Mango"

Δοκιμάστε το προσωπικά

Προσθήκη

push() Η μέθοδος προσθέτει ένα νέο στοιχείο στο τέλος της μάζας:

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Προσθέτει ένα νέο στοιχείο στο fruits

Δοκιμάστε το προσωπικά

push() Η μέθοδος επιστρέφει τη νέα μήκος της μάζας.

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // Η τιμή του x είναι 5

Δοκιμάστε το προσωπικά

Μετακίνηση στοιχείων

Η μετακίνηση είναι ίδια με το pop(), αλλά επηρεάζει το πρώτο στοιχείο αντί για το τελευταίο.

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

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Αφαιρεί τον πρώτο στοιχείο από το fruits "Banana"

Δοκιμάστε το προσωπικά

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

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Επιστροφή "Banana"

Δοκιμάστε το προσωπικά

unshift() Η μέθοδος προσθέτει νέες γραμμές στον πίνακα (στο开头) και "μετακινεί" τα παλιά στοιχεία προς τα δεξιά:

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Προσθέστε το νέο στοιχείο "Lemon" στο fruits

Δοκιμάστε το προσωπικά

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

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Επιστροφή 5

Δοκιμάστε το προσωπικά

Αλλαγή στοιχείων

χρησιμοποιώντας ταΑριθμόςγια να προσεγγίσετε τα στοιχεία του πίνακα:

ΠίνακαςΤαξινόμηση (υποδείκτης)Ξεκινώντας από το 0. [0] είναι το πρώτο στοιχείο του πίνακα, [1] είναι το δεύτερο, [2] είναι το τρίτο ...

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Κάντε το πρώτο στοιχείο του fruits "Kiwi"

Δοκιμάστε το προσωπικά

length Πρόσβαση σε νέες γραμμές στον πίνακα με τη χρήση της

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Προσθέστε "Kiwi" στο fruits

Δοκιμάστε το προσωπικά

Αφαίρεση στοιχείων

Επειδή οι πίνακες του JavaScript είναι αντικείμενα, τα στοιχεία τους μπορούν να χρησιμοποιηθούν με τον delete υπολογιστή για ναΑφαίρεση:

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Κάντε το πρώτο στοιχείο του fruits undefined

Δοκιμάστε το προσωπικά

χρησιμοποιώντας delete αφήνει κενά στον πίνακα. Χρησιμοποιήστε pop() ή shift() αντικαθιστώντας τα.

Σύνδεση πινάκων

splice() Η μέθοδος μπορεί να χρησιμοποιηθεί για να προσθέσουμε νέες γραμμές στον πίνακα:

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Δοκιμάστε το προσωπικά

Ο πρώτος παράμετρος (2) καθορίζει τη θέση όπου πρέπει να προσθέσουμε τα νέα στοιχεία (σύνδεση).

Ο δεύτερος παράμετρος (0) καθορίζει το αριθμό των στοιχείων που πρέπει να αφαιρεθούν.

Οι υπόλοιπες παραμέτρους ("Lemon", "Kiwi") καθορίζουν τα νέα στοιχεία που πρέπει να προσθέσουμε.

splice() Η μέθοδος επιστρέφει έναν πίνακα που περιέχει τα αφαιρεμένα στοιχεία:

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Δοκιμάστε το προσωπικά

Αφαίρεση στοιχείων με τη χρήση του splice()

Με έξυπνες ρυθμίσεις παραμέτρων, μπορείτε να χρησιμοποιήσετε splice() Αφαίρεση στοιχείων από το πίνακα χωρίς να αφήνουμε κενά

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Αφαίρεση του πρώτου στοιχείου από το fruits

Δοκιμάστε το προσωπικά

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

η δεύτερη παράμετρος (1) καθορίζει τηνδιαγραφήςστοιχεία.

Οι υπόλοιπες παραμέτρους παραλείφονται. Δεν θα προστεθούν νέα στοιχεία.

Συγχώνευση (σύνδεση) πίτας

concat() Η μέθοδος δημιουργεί μια νέα πίτα συγχωνεύοντας (συνδέοντας) τις υφιστάμενες πίτες:

Παράδειγμα (συγχώνευση δύο πίτων)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Συγχωνεύει την myGirls και myBoys

Δοκιμάστε το προσωπικά

concat() Η μέθοδος δεν αλλάζει την υφιστάμενη πίτα. Ε πάντα επιστρέφει μια νέα πίτα.

concat() Η μέθοδος μπορεί να χρησιμοποιήσει οποιοδήποτε αριθμό παραμέτρων πίτας:

Παράδειγμα (συγχώνευση τριών πίτων)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Συγχωνεύει την arr1, arr2 και arr3

Δοκιμάστε το προσωπικά

concat() Η μέθοδος μπορεί επίσης να αποδεχτεί τιμές ως παραμέτρους:

Παράδειγμα (συγχώνευση πίτας με τιμή)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Δοκιμάστε το προσωπικά

Αποκοπή πίτας

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

Αυτό το παράδειγμα ξεκινά από το στοιχείο 1 ("Orange") και κόβει ένα τμήμα της πίτας:

Παράδειγμα

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

Δοκιμάστε το προσωπικά

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

Αυτό το παράδειγμα ξεκινά από τον στοιχείο 3 ("Apple") και κόβει ένα τμήμα της πίτας:

Παράδειγμα

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Δοκιμάστε το προσωπικά

slice() Αποδέχεται δύο παραμέτρους, όπως (1, 3).

Αυτή η μέθοδος θα επιλέξει στοιχεία από τον αρχικό παράμετρο, μέχρι τον τελικό παράμετρο (χωρίς να περιλαμβάνει)

Παράδειγμα

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Δοκιμάστε το προσωπικά

Αν παραλείφεται ο τελικός παράμετρος, όπως στο πρώτο παράδειγμα slice() θα κόψει την υπόλοιπη μέρος της πίτας.

Παράδειγμα

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Δοκιμάστε το προσωπικά

toString()

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

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Δοκιμάστε το προσωπικά

Παράδειγμα

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Δοκιμάστε το προσωπικά

Όλα τα αντικείμενα JavaScript έχουν toString() Μέθοδος.

Κατάταξη μείγματος

Θα μάθουμε την κατάταξη του μείγματος στο επόμενο κεφάλαιο.

Αναζήτηση μεγαλύτερης και μικρότερης τιμής στο μέγεθος

Δεν υπάρχει ενσωματωμένη συνάρτηση στο JavaScript για την αναζήτηση των υψηλότερων και χαμηλότερων τιμών του μείγματος.

Θα μάθετε πώς να λύσετε αυτό το πρόβλημα στο επόμενο κεφάλαιο του σεμιναρίου.

Πλήρες χρονικό μείγματος

Για πλήρες χρονικό, παρακαλώ επισκεφθείτε το πλήρες Χρονικό JavaScript μείγματος.

Το παρόν χρονικό περιλαμβάνει περιγραφές και παραδείγματα όλων των ιδιοτήτων και μεθόδων του μείγματος.