10 μέθοδοι συμβολοσειράς JavaScript που πρέπει να κατακτήσετε σήμερα

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

Οι μέθοδοι συμβολοσειράς JavaScript θα σας βοηθήσουν να εκτελέσετε όλες αυτές τις λειτουργίες σε μια συμβολοσειρά σύμφωνα με τις απαιτήσεις σας με ευκολία. Ακολουθούν 10 μέθοδοι συμβολοσειράς με παραδείγματα που θα σας βοηθήσουν να τις κατανοήσετε καλύτερα.

Τι είναι οι μέθοδοι συμβολοσειράς JavaScript;

Οι συμβολοσειρές είναι μια θεμελιώδης δομή δεδομένων που αποτελείται από μια ακολουθία χαρακτήρων. Αυτή η δομή δεδομένων είναι μέρος όλων των κύριων γλωσσών προγραμματισμού, συμπεριλαμβανομένων των Python, JavaScript, Java και άλλων.

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

Σχετίζεται με: Τι είναι μια λειτουργία στον προγραμματισμό;

μετατροπή εικόνας σε διανυσματικό εικονογράφο cc

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

Για τις επερχόμενες μεθόδους, ας πάρουμε μια μεταβλητή συμβολοσειράς Π με την τιμή του ' Καλώς ήλθατε στο MUO! 'ως παράδειγμα.

let str = 'Welcome to MUO!'

1. String.toLowerCase () και String.toUppperCase ()

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

Σύνταξη:

toUpperCase()  
toLowerCase()

Ας δούμε αυτές τις δύο μεθόδους με ένα γρήγορο παράδειγμα:

console.log(str.toLowerCase());  
console.log(str.toUpperCase());  
console.log(str);

Κατά την εκτέλεση του παραπάνω κώδικα στην κονσόλα, θα λάβετε την ακόλουθη έξοδο:

'welcome to muo!'  
'WELCOME TO MUO!'  
'Welcome to MUO!'

2. String.concat ()

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

Σύνταξη:

concat(str1, str2, str3, ...)

Ακολουθεί ένα παράδειγμα που παρουσιάζει τη συνένωση δύο συμβολοσειρών για να σχηματίσει μια νέα συμβολοσειρά:

let str2 = ' How are you?';  
let newString = str.concat(str2);  
console.log(newString);

'Welcome to MUO! How are you?'

3. String.indexOf () και String.lastIndexOf ()

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

Σύνταξη:

indexOf(str)

Ας μάθουμε το δείκτη στο οποίο MUO υπάρχει στη συμβολοσειρά με ένα παράδειγμα:

console.log(str.indexOf('MUO')); 11

Εάν το δεδομένο όρισμα δεν υπάρχει στη συμβολοσειρά, η μέθοδος επιστρέφει μια τιμή -1.

console.log(str.indexOf('Hello')); -1

Ομοίως, το lastIndexOf () η μέθοδος επιστρέφει το ευρετήριο της τελευταίας εμφάνισης του δεδομένου χαρακτήρα ή συμβολοσειράς. Εδώ είναι ένα παράδειγμα:

console.log(str.lastIndexOf('e')); 6

Ακόμα κι αν το αλφάβητο Και εμφανίζεται στο δείκτη 1, η τελευταία εμφάνιση αυτού του χαρακτήρα είναι στο δείκτη 6 και ως εκ τούτου επιστρέφεται ως έξοδος.

4. String.charAt ()

ο charAt () string string επιστρέφει τον χαρακτήρα στο καθορισμένο ευρετήριο της συμβολοσειράς. Δέχεται μόνο ένα όρισμα, το ευρετήριο στο οποίο πρόκειται να ανακτηθεί ο χαρακτήρας. Η τιμή του δείκτη κυμαίνεται από 0 έως μήκος - 1.

Σύνταξη:

charAt(index)

Εδώ είναι ένα παράδειγμα του charAt () μέθοδος:

console.log(str.charAt(9));  
console.log(str.charAt(0));  
console.log(str.charAt(str.length - 1));

o  
W  
!

Στο παραπάνω παράδειγμα, όταν στρ. μήκος - 1 πέρασε ως όρισμα, η μέθοδος επιστρέφει τον τελευταίο χαρακτήρα της συμβολοσειράς. Εάν εισαγάγετε μη έγκυρο ευρετήριο που υπερβαίνει το επιτρεπόμενο εύρος, αυτή η μέθοδος επιστρέφει -1.

5. String.charCodeAt ()

Παρόμοια με τη μέθοδο charAt, ο charCodeAt () η μέθοδος επιστρέφει το Τιμή ASCII του χαρακτήρα στο καθορισμένο ευρετήριο. Αυτή η μέθοδος συμβολοσειράς λαμβάνει μόνο ένα όρισμα, το ευρετήριο από το οποίο πρόκειται να ανακτηθεί ο χαρακτήρας.

Σύνταξη:

charCodeAt(index)

str.charCodeAt(5);  
str.charCodeAt(str.length - 1);

109  
33

Για άλλη μια φορά, η τιμή του δείκτη κυμαίνεται από 0 έως μήκος - 1 και αν προσπαθήσετε να περάσετε έναν δείκτη πέρα από το επιτρεπτό όριο, αυτή η μέθοδος θα επιστρέψει -1.

6. String.replace ()

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

Σύνταξη:

replace(str1, str2)

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

let newString = str.replace('MUO', 'this website');  
console.log(newString);  
console.log(str);

Welcome to this website!  
Welcome to MUO!

7. String.split ()

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

Σύνταξη:

split(separator)

Για παράδειγμα, εάν ένα κενό διάστημα ('') περάσει ως όρισμα διαχωριστή στη μέθοδο split, έτσι θα φαίνεται η έξοδος:

let splitArray = str.split(' ');  
console.log(splitArray);

['Welcome', 'to', 'MUO!']

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

let splitArray = str.split();  
console.log(splitArray);

['Welcome to MUO!']

8. String.substring ()

ο υποστρώματα () Η μέθοδος χρησιμοποιείται για την απόκτηση μιας υποχορδής ή μέρους της αρχικής συμβολοσειράς. Αυτή η μέθοδος λαμβάνει δύο παραμέτρους: τον δείκτη έναρξης και τον δείκτη τέλους. Η υπο -συμβολοσειρά εξόδου ξεκινά από τον καθορισμένο δείκτη έναρξης και εκτυπώνεται μέχρι τον τελικό δείκτη - 1.

Σύνταξη:

substring(startIndex, endIndex)

Εδώ είναι ένα γρήγορο παράδειγμα του υποστρώματα () μέθοδος:

console.log(str.substring(2,8)); 'lcome'

Λάβετε υπόψη ότι ο χαρακτήρας στο τελικό ευρετήριο δεν αποτελεί μέρος της εξόδου.

9. String.search ()

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

Σύνταξη:

search(substring)

Μπορείτε να χρησιμοποιήσετε το Αναζήτηση() μέθοδος με αυτόν τον τρόπο:

console.log(str.search('MUO'));  
console.log(str.search('2'));

11  
-1

10. String.trim ()

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

Σύνταξη:

trim()

Ας πάρουμε ένα νέο παράδειγμα για να εξερευνήσουμε αυτήν τη μέθοδο συμβολοσειράς:

πώς να μεταφέρετε φωτογραφίες από το iphone στο macbook

let untrimmedString = ' Welcome to MUO! ';  
let trimmedString = untrimmedString.trim();  
console.log(trimmedString);  
console.log(untrimmedString);

'Welcome to MUO!'  
' Welcome to MUO! '

Περισσότερες μέθοδοι JavaScript για αναχώρηση

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

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

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ 15 μέθοδοι JavaScript Array που πρέπει να κατακτήσετε σήμερα

Θέλετε να κατανοήσετε τους πίνακες JavaScript, αλλά δεν μπορείτε να τα καταφέρετε; Ελέγξτε τα παραδείγματα πίνακα JavaScript για καθοδήγηση.

Διαβάστε Επόμενο Σχετικά θέματα

Προγραμματισμός
JavaScript
Συμβουλές κωδικοποίησης

Σχετικά με τον Συγγραφέα Νίτιν Ρανγκανάθ(Δημοσιεύθηκαν 31 άρθρα)

Ο Nitin είναι ένας άπληστος προγραμματιστής λογισμικού και φοιτητής μηχανικής υπολογιστών που αναπτύσσει εφαρμογές ιστού χρησιμοποιώντας τεχνολογίες JavaScript. Εργάζεται ως ανεξάρτητος προγραμματιστής ιστού και του αρέσει να γράφει για Linux και προγραμματισμό στον ελεύθερο χρόνο του.

Περισσότερα από τον Nitin Ranganath

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή