Κατά τον προγραμματισμό σε JavaScript, θα συναντήσετε συχνά σενάρια που απαιτούν χειρισμό συμβολοσειρών. Για παράδειγμα, κατά την ανάκτηση ενός μηνύματος ηλεκτρονικού ταχυδρομείου, ίσως χρειαστεί να μετατρέψετε όλους τους χαρακτήρες σε πεζά ή να χρησιμοποιήσετε μια κανονική έκφραση για να ελέγξετε αν ο κωδικός πρόσβασης που έχετε εισαγάγει πληροί όλες τις προϋποθέσεις.
Οι μέθοδοι συμβολοσειράς JavaScript θα σας βοηθήσουν να εκτελέσετε όλες αυτές τις λειτουργίες σε μια συμβολοσειρά σύμφωνα με τις απαιτήσεις σας με ευκολία. Ακολουθούν 10 μέθοδοι συμβολοσειρών με παραδείγματα που θα σας βοηθήσουν να τους κατανοήσετε καλά.
Τι είναι οι μέθοδοι συμβολοσειράς JavaScript;
Οι συμβολοσειρές είναι μια βασική δομή δεδομένων που αποτελείται από μια ακολουθία χαρακτήρων. Αυτή η δομή δεδομένων είναι μέρος όλων των σημαντικών γλωσσών προγραμματισμού, συμπεριλαμβανομένων των Python, JavaScript, Java και άλλων.
Οι μέθοδοι συμβολοσειράς είναι οι προεγκατεστημένες μέθοδοι JavaScript που βοηθούν τους προγραμματιστές να εκτελούν κοινές λειτουργίες σε συμβολοσειρές χωρίς να χρειάζεται να γράφουν τον κώδικα χειροκίνητα. Τρέχουν χρησιμοποιώντας σημείωμα κουκίδων που είναι προσαρτημένο στη μεταβλητή συμβολοσειράς.
Σχετιζομαι με: Τι είναι μια λειτουργία στον προγραμματισμό;
Δεδομένου ότι είναι απλώς συναρτήσεις JavaScript, τελειώνουν πάντα με παρένθεση που μπορεί να περιέχει προαιρετικά ορίσματα. Είναι σημαντικό να γνωρίζετε τι είναι το JavaScript και πώς λειτουργεί πριν προχωρήσουμε περαιτέρω. Ας ξεκινήσουμε και μάθετε αυτές τις μεθόδους με μεγαλύτερη λεπτομέρεια.
Για τις επερχόμενες μεθόδους, ας πάρουμε μια μεταβλητή συμβολοσειράς οδός με την τιμή του "Καλώς ήλθατε στο MUO!"ως παράδειγμα.
let str = "Καλώς ήλθατε στο MUO!"
1. String.toLowerCase () και String.toUppperCase ()
ο toLowerCase () Η μέθοδος συμβολοσειράς μετατρέπει όλους τους χαρακτήρες της δεδομένης συμβολοσειράς σε πεζά μορφή και, ομοίως, το σεUpperCase () Η μέθοδος μετατρέπει όλους τους χαρακτήρες σε κεφαλαία μορφή. Αυτές οι συναρτήσεις δεν τροποποιούν την αρχική συμβολοσειρά.
Σύνταξη:
σεUpperCase ()
toLowerCase ()
Ας δούμε αυτές τις δύο μεθόδους με ένα γρήγορο παράδειγμα:
console.log (str.toLowerCase ());
console.log (str.toUpperCase ());
console.log (str);
Κατά την εκτέλεση του παραπάνω κώδικα στην κονσόλα, θα λάβετε την ακόλουθη έξοδο:
"Καλώς ήλθατε στο muo!"
"ΚΑΛΩΣ ΗΡΘΑΤΕ ΣΤΟ MUO!"
"Καλώς ήλθατε στο MUO!"
2. String.concat ()
ο συμπυκνωμένος () χρησιμοποιείται μέθοδος για να ενώσετε δύο ή περισσότερες συμβολοσειρές μαζί. Μπορείτε να προσθέσετε ένα ή περισσότερα ορίσματα σε αυτήν τη μέθοδο για να τα συνδυάσετε σε μία συμβολοσειρά. Δεν κάνει καμία τροποποίηση στην αρχική συμβολοσειρά.
Σύνταξη:
concat (str1, str2, str3, ...)
Ακολουθεί ένα παράδειγμα που παρουσιάζει τη συνένωση δύο χορδών για να σχηματίσει μια νέα συμβολοσειρά:
let str2 = "Πώς είσαι;";
Αφήστε το newString = str.concat (str2);
console.log (newString);
Καλώς ήλθατε στο MUO! Πώς είσαι?"
3. String.indexOf () και String.lastIndexOf ()
ο ευρετήριοOf () Η μέθοδος σάς βοηθά να ανακαλύψετε το πρώτο ευρετήριο στο οποίο υπάρχει ο καθορισμένος χαρακτήρας ή η συμβολοσειρά. Ξεκινά από την αριστερή πλευρά και εντοπίζει τη συμβολοσειρά για να ελέγξει αν το δεδομένο όρισμα ταιριάζει.
Σύνταξη:
indexOf (str)
Ας μάθουμε τον κατάλογο στον οποίο ΜΟΥ υπάρχει στη συμβολοσειρά με ένα παράδειγμα:
console.log (str.indexOf («MUO»));
11
Εάν το δεδομένο όρισμα δεν υπάρχει στη συμβολοσειρά, η μέθοδος επιστρέφει μια τιμή -1.
console.log (str.indexOf («Γεια»));
-1
Ομοίως, το lastIndexOf () Η μέθοδος επιστρέφει το ευρετήριο της τελευταίας εμφάνισης του δεδομένου χαρακτήρα ή συμβολοσειράς. Ακολουθεί ένα παράδειγμα:
console.log (str.lastIndexOf ('e'));
6
Ακόμα κι αν το αλφάβητο μι εμφανίζεται στο ευρετήριο 1, η τελευταία εμφάνιση αυτού του χαρακτήρα είναι στο ευρετήριο 6 και ως εκ τούτου επιστρέφεται ως έξοδος.
4. String.charAt ()
ο charAt () Η μέθοδος συμβολοσειράς επιστρέφει τον χαρακτήρα στο καθορισμένο ευρετήριο της συμβολοσειράς. Δέχεται μόνο ένα όρισμα, το ευρετήριο στο οποίο θα ανακτηθεί ο χαρακτήρας. Η τιμή ευρετηρίου κυμαίνεται από 0 έως μήκος - 1.
Σύνταξη:
charAt (ευρετήριο)
Εδώ είναι ένα παράδειγμα του charAt () μέθοδος:
console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.length - 1));
ο
Δ
!
Στο παραπάνω παράδειγμα, όταν μήκος- 1 πέρασε ως όρισμα, η μέθοδος επιστρέφει τον τελευταίο χαρακτήρα της συμβολοσειράς. Εάν εισαγάγετε ένα μη έγκυρο ευρετήριο που υπερβαίνει το επιτρεπόμενο εύρος, αυτή η μέθοδος επιστρέφει -1.
5. String.charCodeAt ()
Παρόμοια με τη μέθοδο charAt, το charCodeAt () η μέθοδος επιστρέφει το Τιμή ASCII του χαρακτήρα στο καθορισμένο ευρετήριο. Αυτή η μέθοδος συμβολοσειράς παίρνει μόνο ένα όρισμα, το ευρετήριο από το οποίο πρέπει να ανακτηθεί ο χαρακτήρας.
Σύνταξη:
charCodeAt (ευρετήριο)
str.charCodeAt (5);
str.charCodeAt (μήκος str. - 1);
109
33
Για άλλη μια φορά, η τιμή ευρετηρίου κυμαίνεται από 0 έως μήκος - 1 και αν προσπαθήσετε να περάσετε ένα ευρετήριο πέρα από το επιτρεπόμενο όριο, αυτή η μέθοδος θα επιστρέψει -1.
6. String.replace ()
Όπως υποδηλώνει το όνομα, το αντικαθιστώ() Η μέθοδος σας βοηθά να αντικαταστήσετε ένα μέρος της συμβολοσειράς με ένα άλλο μέρος. Αυτή η μέθοδος παίρνει δύο ορίσματα: το πρώτο είναι το υπόστρωμα που πρέπει να αντικατασταθεί και το δεύτερο είναι το υπόστρωμα που πρέπει να αντικατασταθεί. Αυτή η μέθοδος δεν κάνει καμία τροποποίηση στην αρχική συμβολοσειρά.
Σύνταξη:
αντικαταστήστε (str1, str2)
Για παράδειγμα, εάν θέλετε να αντικαταστήσετε τη λέξη ΜΟΥ με αυτόν τον ιστότοπο στη μεταβλητή συμβολοσειράς, μπορείτε να χρησιμοποιήσετε το αντικαθιστώ() μέθοδος όπως αυτή:
Αφήστε το newString = str.replace ("MUO", "αυτός ο ιστότοπος");
console.log (newString);
console.log (str);
Καλώς ήλθατε σε αυτόν τον ιστότοπο!
Καλώς ήλθατε στο MUO!
7. String.split ()
ο διαίρεση() Η μέθοδος χρησιμοποιείται για την ανάλυση όλων των λέξεων ή των χαρακτήρων σε μια συμβολοσειρά σύμφωνα με το όρισμα διαχωριστή που μεταβιβάστηκε στη μέθοδο. Ο τύπος επιστροφής αυτής της μεθόδου είναι ένας πίνακας. Αυτός ο πίνακας αποτελείται από όλους τους χαρακτήρες ή τα υποστρώματα, χωρισμένα σύμφωνα με το δεδομένο διαχωριστικό. Αυτή η μέθοδος δεν τροποποιεί την αρχική συμβολοσειρά.
Σύνταξη:
διαχωρισμός (διαχωριστής)
Για παράδειγμα, εάν ένα κενό διάστημα ("") μεταβιβάζεται ως όρισμα διαχωριστή στη μέθοδο split, έτσι θα φαίνεται η έξοδος:
αφήστε splitArray = str.split ("");
console.log (splitArray);
["Καλώς ήλθατε", "σε", "MUO!"]
Εάν δεν περάσετε ένα επιχείρημα στο διαίρεση() μέθοδος, θα επιστρέψει έναν πίνακα με ένα μόνο στοιχείο που αποτελείται από την τιμή της μεταβλητής συμβολοσειράς σας.
αφήστε splitArray = str.split ();
console.log (splitArray);
['Καλώς ήλθατε στο MUO!']
8. String.substring ()
ο υπόστρωμα () χρησιμοποιείται μέθοδος για την απόκτηση ενός υποστρώματος ή μέρους της αρχικής συμβολοσειράς. Αυτή η μέθοδος παίρνει δύο παραμέτρους: το ευρετήριο έναρξης και το ευρετήριο τέλους. Το υπόστρωμα εξόδου ξεκινά από το καθορισμένο ευρετήριο εκκίνησης και εκτυπώνει μέχρι το τελικό ευρετήριο - 1.
Σύνταξη:
υπόστρωμα (startIndex, endIndex)
Εδώ είναι ένα γρήγορο παράδειγμα του υπόστρωμα () μέθοδος:
console.log (str.substring (2,8));
"εισόδημα"
Σημειώστε ότι ο χαρακτήρας στο τελικό ευρετήριο δεν είναι μέρος της εξόδου.
9. String.search ()
ο Αναζήτηση() Η μέθοδος βοηθά στην εύρεση ενός συγκεκριμένου υποστρώματος ή χαρακτήρα μέσα στην αρχική συμβολοσειρά. Αυτή η μέθοδος δέχεται μια ομάδα χαρακτήρων ή substring ως όρισμα και εντοπίζει τη συμβολοσειρά. Με την εύρεση ενός αγώνα, επιστρέφεται ο αρχικός δείκτης του αντιστοιχισμένου τμήματος. Διαφορετικά, αυτή η μέθοδος επιστρέφει -1.
Σύνταξη:
αναζήτηση (υπόστρωμα)
Μπορείτε να χρησιμοποιήσετε το Αναζήτηση() μέθοδο με αυτόν τον τρόπο:
console.log (str.search ("MUO"));
console.log (str.search ("2"));
11
-1
10. String.trim ()
ο τακτοποίηση() Η μέθοδος αφαιρεί όλα τα λευκά κενά στη συμβολοσειρά, πριν από τον πρώτο χαρακτήρα και μετά τον τελευταίο χαρακτήρα. Αυτή η μέθοδος δεν απαιτεί από εσάς να περάσετε παραμέτρους και να μην τροποποιήσετε την αρχική συμβολοσειρά. Είναι εξαιρετικά χρήσιμο για την επικύρωση εισόδου χρήστη σε φόρμες.
Σύνταξη:
τακτοποίηση()
Ας πάρουμε ένα νέο παράδειγμα για να εξερευνήσουμε αυτήν τη μέθοδο συμβολοσειράς:
let untrimmedString = "Καλώς ήλθατε στο MUO! ";
αφήστε το trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);
"Καλώς ήλθατε στο MUO!"
Καλώς ήλθατε στο MUO! "
Περισσότερες μεθόδους JavaScript για να δείτε
Αυτό ήταν λοιπόν μια γρήγορη συλλογή ορισμένων κοινών μεθόδων συμβολοσειρών που μπορούν να σας βοηθήσουν να είστε πιο παραγωγικοί ως προγραμματιστής JavaScript. Αυτές οι μέθοδοι θα σας βοηθήσουν επίσης να δημιουργήσετε τις συνεντεύξεις κωδικοποίησης για ερωτήσεις που σχετίζονται με συμβολοσειρά. Η πρακτική κάνει τέλεια, οπότε προχωρήστε και δοκιμάστε αυτές τις μεθόδους στη δική σας κονσόλα.
Όταν είστε προσεκτικοί με τις μεθόδους συμβολοσειρών, ίσως αξίζει να ρίξετε μια ματιά σε ορισμένες μεθόδους συστοιχιών που μπορούν να βελτιώσουν περαιτέρω τη γνώση σας στο JavaScript.
Θέλετε να κατανοήσετε τους πίνακες JavaScript, αλλά δεν μπορείτε να τους αντιμετωπίσετε; Ανατρέξτε στα παραδείγματα πίνακα JavaScript για οδηγίες.
Διαβάστε Επόμενο
- Προγραμματισμός
- JavaScript
- Συμβουλές κωδικοποίησης

Η Nitin είναι ένας άπληστος προγραμματιστής λογισμικού και φοιτητής μηχανικής υπολογιστών που αναπτύσσει εφαρμογές ιστού χρησιμοποιώντας τεχνολογίες JavaScript. Εργάζεται ως ανεξάρτητος προγραμματιστής ιστού και του αρέσει να γράφει για Linux και προγραμματισμό στον ελεύθερο χρόνο του.
Εγγραφείτε στο Newsletter μας
Εγγραφείτε στο ενημερωτικό δελτίο μας για τεχνικές συμβουλές, κριτικές, δωρεάν ebook και αποκλειστικές προσφορές!
Ένα ακόμη βήμα…!
Επιβεβαιώστε τη διεύθυνση email σας στο email που μόλις σας στείλαμε.