Παράδειγμα JavaScript Split String - Πώς να διαχωρίσετε μια συμβολοσειρά σε μια σειρά στο JS

Μια συμβολοσειρά είναι μια δομή δεδομένων που αντιπροσωπεύει μια ακολουθία χαρακτήρων και ένας πίνακας είναι μια δομή δεδομένων που περιέχει πολλές τιμές.

Και το ξέρατε - μια συμβολοσειρά μπορεί να χωριστεί σε μια σειρά πολλαπλών χορδών χρησιμοποιώντας τη splitμέθοδο. Ας δούμε πώς λειτουργεί με μερικά παραδείγματα.

TL; Δρ

Αν θέλετε απλώς τον κωδικό, εδώ:

const publisher = 'free code camp' publisher.split(' ') // [ 'free', 'code', 'camp' ] 

Σύνταξη

Σύμφωνα με το MDN, η σύνταξη που θα χρειαστεί να διαχωρίσετε τη συμβολοσειρά είναι str.split([separator[, limit]]). Εάν το εφαρμόσουμε στο παραπάνω παράδειγμα:

  • str είναι publisher
  • separator είναι ' '
  • δεν υπάρχει limit

Πότε πρέπει να χωρίσετε μια συμβολοσειρά;

Παράδειγμα 1: συμμετοχή σε μια συμβολοσειρά

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

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

const authHeader = 'bearer token' const split = authHeader.split(' ') // (1) [ 'bearer', 'token' ] const token = split[1] // (2) token

Δείτε τι συμβαίνει στον παραπάνω κώδικα:

  1. Η συμβολοσειρά χωρίζεται με ' 'το διαχωριστικό
  2. Η δεύτερη καταχώρηση στον πίνακα είναι προσβάσιμη

Παράδειγμα 2: Εφαρμόστε μεθόδους πίνακα σε μια συμβολοσειρά

Συχνά η είσοδος σας δίνεται είναι ένα string, αλλά θέλετε να εφαρμόσετε τις μεθόδους σειρά σε αυτό (π.χ.. map, filterΉ reduce).

Για παράδειγμα, ας υποθέσουμε ότι σας δίνεται μια σειρά κώδικα morse και θέλετε να δείτε τι διαβάζει στα Αγγλικά:

const morse = '-.-. --- -.. .' // (1) const morseToChar = { '-.-.': 'c', '-..': 'd', '.': 'e', '---': 'o', } const morseArray = morse.split(' ') // (2) [ '-.-.', '---', '-..', '.' ] const textArray = morseArray.map((char) => morseToChar[char]) // (3) [ 'c', 'o', 'd', 'e' ] const text = textArray.join(") // (4) 

Δείτε τι συμβαίνει στον παραπάνω κώδικα:

  1. Δημιουργείται ένα κυριολεκτικό αντικείμενο για να αντιστοιχίσει morse χαρακτήρες στο αγγλικό αλφάβητο
  2. Ο κώδικας morse χωρίζεται σε έναν πίνακα με ' 'το διαχωριστικό. (Χωρίς ' 'ως επιχείρημα θα καταλήξετε με μια σειρά που έχει ξεχωριστές εγγραφές για κάθε .και -.)
  3. Ο πίνακας κώδικα morse αντιστοιχίζεται / μετατρέπεται σε πίνακα κειμένου
  4. Μια συμβολοσειρά δημιουργείται από τον πίνακα με ''το διαχωριστικό. (Χωρίς ''ως επιχείρημα το αποτέλεσμα θα ήταν c,o,d,e.)

Πώς να προσθέσετε ένα όριο στο διαχωρισμό

Σύμφωνα με το MDN, είναι επίσης δυνατό να περάσουμε limitως ένα επιχείρημα split. Δεν χρειάστηκε ποτέ να το κάνω αυτό, αλλά εδώ μπορείτε να το εφαρμόσετε:

const publisher = 'free code camp' publisher.split(' ', 1) // [ 'free' ] 

Στο παραπάνω παράδειγμα, ο πίνακας περιορίζεται σε μία καταχώριση. Χωρίς αυτήν θα ήταν η τιμή του πίνακα [ 'free', 'code', 'camp' ].

Πριν φύγεις…

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

Μπορεί επίσης να σας αρέσει:

  • Μάθετε JavaScript με αυτούς τους πόρους
  • Εκπαιδευτικό υλικό - ανάπτυξη λογισμικού (ξεκινώντας από την εισαγωγή στο CS)