JavaΜορφή συμβολοσειράς σεναρίου: Μέθοδοι με ΠΑΡΑΔΕΙΓΜΑΤΑ

Με: Τζέιμς Χάρτμαν Τζέιμς Χάρτμαν
Hours Ενημερώθηκε

Τι είναι JavaΜορφή συμβολοσειράς σεναρίου;

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

Σε σας JavaΟ κώδικας σεναρίου, η μορφοποίηση συμβολοσειρών μπορούν να μεταμορφώσουν πολύπλοκα δεδομένα με απλό τρόπο. Βελτιώνει επίσης την αναγνωσιμότητα της εξόδου και κάνει τον κώδικα πιο διατηρήσιμο. Επιπλέον, σωστά διαμορφωμένο JavaΟι συμβολοσειρές σεναρίων μπορούν επίσης να παίξουν ρόλο στη βελτίωση της εμπειρίας χρήστη της εφαρμογής.

Πώς να μορφοποιήσετε τις συμβολοσειρές JavaΓραφή;

Για να μορφοποιήσετε μια συμβολοσειρά σε JavaΣενάριο, ακολουθήστε τα βήματα που παρέχονται:

Βήμα 1) Αρχικά, απαιτείται να προσδιορίσετε τα δεδομένα που θέλετε να συμπεριλάβετε στη συμβολοσειρά.

Βήμα 2) Στη συνέχεια, επιλέξτε μια μέθοδο για να μορφοποιήσετε τη συμβολοσειρά σε JS.

Βήμα 3) Γράψτε τον κώδικα για την εφαρμογή του ανάλογα.

Βήμα 4) Δοκιμάστε τον κώδικα για να βεβαιωθείτε ότι παράγει την αναμενόμενη έξοδο.

Βήμα 5) Ενημερώστε ή τροποποιήστε τον κώδικα για να καλύψει τις πρόσθετες ανάγκες ή απαιτήσεις μορφοποίησης.

Βήμα 6) Αναδιαμορφώστε τον κώδικα για δυνατότητα συντήρησης και αναγνωσιμότητας.

Διαφορετικές μέθοδοι μορφοποίησης συμβολοσειρών σε JavaΓραφή

Υπάρχουν πολλοί τρόποι μορφοποίησης συμβολοσειρών JavaΣενάριο, συμπεριλαμβανομένων τελεστών συνένωσης, κυριολεκτικά προτύπων, κανονικές εκφράσεις και πολλά άλλα.

Στην επόμενη ενότητα, θα εξερευνήσετε τις ακόλουθες προσεγγίσεις:

  • {} Brackets με πλάτη
  • "+" OperaTor
  • Προσαρμοσμένη λειτουργία Μορφοποίηση συμβολοσειράς
  • Χειριστής συνένωσης
  • Πρότυπο κυριολεκτικά
  • Κοινή έκφραση
  • Προσαρμοσμένη λειτουργία
  • Τερματικός χειριστής

Μέθοδος 1: Χρήση {} Brackets με Backticks για μορφοποίηση συμβολοσειράς JavaΓραφή

Σε αυτή τη μέθοδο, μπορείτε να χρησιμοποιήσετε πρότυπο κυριολεκτικά προσθέτοντας backticks (`) για το κλείσιμο μιας συμβολοσειράς. Στη συνέχεια, εισαγάγετε τις μεταβλητές των ορισμάτων συμβολοσειράς σε αγκύλες {} πριν από το σύμβολο του δολαρίου "$". Αυτά τα πρότυπα σάς δίνουν τη δυνατότητα να ενσωματώσετε εκφράσεις σε μια κυριολεκτική συμβολοσειρά.

Αυτή η λειτουργία βοηθά στη σύνδεση μεταβλητών που ονομάζονται κράτη μέλη θέσης και άλλων καθορισμένων τιμών. Ως αποτέλεσμα, η τελική μορφοποιημένη συμβολοσειρά λαμβάνεται με παρεμβολή των τιμών των placeholders.

Για παράδειγμα, έχουμε δημιουργήσει δύο μεταβλητές, "όνομα"Και"id” και στη συνέχεια τα έκλεισε σε backticks για τη δημιουργία της μορφοποιημένης εξόδου. Σημειώστε ότι το «${}Η σύνταξη χρησιμοποιείται για την ενσωμάτωση των εκφράσεων με τη συμβολοσειρά.

Κώδικας:

const name = "Jenny";
const id = 1;
console.log (`Welcome ${name}, your ID is ${id}`);

Μπορεί να παρατηρηθεί ότι έχουν εμφανιστεί οι τιμές του "όνομα" και "id" του placeholder, πράγμα που σημαίνει ότι η παρεμβολή συμβολοσειράς πραγματοποιήθηκε με επιτυχία.

Παραγωγή:

Welcome Jenny, your ID is 1

ΣΧΕΤΙΚΑ ΑΡΘΡΑ

Μέθοδος 2: Χρησιμοποιώντας το + Operator σε Μορφοποίηση συμβολοσειράς σε JavaΓραφή

Η δεύτερη προσέγγιση είναι να χρησιμοποιήσετε το Χειριστής συνένωσης "+” για βασικές συμβολοσειρές μορφοποίησης JavaΓραφή. Αυτός ο τρόπος περιλαμβάνει τη σύνδεση των μεμονωμένων μεταβλητών και συμβολοσειρών μεταξύ τους για τη δημιουργία της επιθυμητής εξόδου.

Για παράδειγμα, χρησιμοποιήσαμε τώρα τον τελεστή "+" για να συνδέσουμε τις ίδιες τιμές μεταβλητής και η μέθοδος "console.log()" θα επιστρέψει μια μορφοποιημένη συμβολοσειρά στην κονσόλα.

Κώδικας:

const name = "Jenny";
const id = 1;
console.log("Welcome " + name + ", your ID is " + id);

Παραγωγή:

Welcome Jenny, your ID is 1

Μέθοδος 3: Προσαρμοσμένη συνάρτηση Μορφοποίηση συμβολοσειράς σε JavaΓραφή

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

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

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

Κώδικας:

function welcomeMsg(name, id) {
  return `Welcome ${name}, your ID is ${id}`;
}
const name = "Jenny";
const id = 1;
const msg = welcomeMsg(name, id);
console.log(msg);

Παραγωγή:

Welcome Jenny, your ID is 1

Μέθοδος 4: Χρησιμοποιώντας τη σύνδεση για τη μορφή συμβολοσειράς σε JavaΓραφή

Αληλουχία είναι μια απλή μέθοδος που χρησιμοποιείται για τη μορφοποίηση συμβολοσειρών JavaΓραφή. Αυτή η προσέγγιση περιλαμβάνει τον συνδυασμό μεταβλητών συμβολοσειρών ή πολλαπλών συμβολοσειρών μαζί χρησιμοποιώντας τον τελεστή συνένωσης "+". Μπορείτε επίσης να χρησιμοποιήσετε αυτήν την τεχνική για απλές εργασίες συνένωσης συμβολοσειρών.

Στο παρεχόμενο παράδειγμα, οι μεταβλητές "όνομα"Και"επίθετο" θα συνδεθεί με τη βοήθεια του τελεστή "+" για να σχηματίσει το "πλήρες όνομα" συμβολοσειρά ως εξής.

Κώδικας:

var firstName = "Alex";
var lastName = "Edward";
var fullName = firstName + " " + lastName;
console.log(fullName);

Παραγωγή:

Alex Edward

Μέθοδος 5: Χρήση Πρότυπου Literals για Μορφοποίηση συμβολοσειράς JavaΓραφή

Συμβολοσειρές προτύπων που είναι επίσης γνωστά ως Πρότυπο κυριολεκτικά προσφέρουν έναν πιο εκφραστικό και προηγμένο τρόπο μορφοποίησης συμβολοσειρών JavaΓραφή. Επιτρέπουν την άμεση ενσωμάτωση εκφράσεων και μεταβλητές μέσα στη συμβολοσειρά χρησιμοποιώντας το σύμβολο κράτησης θέσης "${expression}".

Επιπλέον, το template literal παρέχει επίσης υποστήριξη στις συμβολοσειρές πολλών γραμμών.

Κώδικας:

var name = "Alex";
var age = 30;
var msg = `Hi, ${name}! You are ${age} years old.`;
console.log(msg);

Στο παραπάνω παράδειγμα, έχουμε παρεμβάλει απευθείας τη μεταβλητή "όνομα"Και"την ηλικία του" εντός της συμβολοσειράς χρησιμοποιώντας τα σύμβολα κράτησης θέσης "${}” εντός των πίσω σημείων (`) των κυριολεκτικών προτύπων.

Παραγωγή:

Hi, Alex! You are 30 years old.

Μέθοδος 6: Χρήση κανονικών εκφράσεων για μορφοποίηση συμβολοσειράς JavaΓραφή

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

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

Κώδικας:

let name = "Jenny";
let id = 1;
let message = "Welcome [name], your ID is [id]".replace(/\[name\]/g, name).replace(/\[id\]/g, id);
console.log(message);

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

Παραγωγή:

Welcome Jenny. Your ID is 1

Μέθοδος 7: Χρήση προσαρμοσμένης συνάρτησης για Μορφοποίηση συμβολοσειράς in JavaΓραφή

Μπορείτε επίσης να δημιουργήσετε μια πιο επαναχρησιμοποιήσιμη και προσαρμοσμένη μορφή συμβολοσειράς στο JavaΓραφή. Για να το κάνετε αυτό, ορίστε ένα νέο προσαρμοσμένη λειτουργία που δέχεται μια συμβολοσειρά και άλλες παραμέτρους. Μπορείτε να το καλέσετε για να αντικαταστήσετε τα σύμβολα κράτησης θέσης ή να εφαρμόσετε προσαρμοσμένους κανόνες μορφοποίησης. Αυτή η τεχνική υποστηρίζει επίσης προσαρμοσμένη μορφοποίηση σε σύνθετα σενάρια μορφοποίησης.

Εδώ, δημιουργήσαμε μια νέα προσαρμοσμένη μορφή συνάρτησης με το όνομα "formatString"που δέχεται ένα"κορδόνι"Και"params»(παράταξη των παραμέτρων) ως ορίσματα.

Μέσα στο σώμα λειτουργίας, έχουμε επικαλεστεί το "αντικαταστήστε ()" μέθοδος με κανονική έκφραση για την αντικατάσταση θέσεων κράτησης θέσης "0 {}, 1 {}” με τις αντίστοιχες τιμές τους από τον πίνακα παραμέτρων.

Κώδικας:

function formatString(string, params) {
  return string.replace(/{(\d+)}/g, (match, index) => {
    return typeof params[index] !== 'undefined' ? params[index] : match;
  });
}
var name = "Alex";
var age = 30;
var formattedMsg = formatString("Hi, {0}! You are {1} years old.", [name, age]);
console.log(formattedMsg);

Παραγωγή:

Hi, Alex! You are 30 years old.

Μέθοδος 8: Χρήση τριαδικού Operator σε Μορφοποίηση συμβολοσειράς σε JavaΓραφή

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

Σύνταξη:

condition ? expressionIfTrue : expressionIfFalse

Ρίξτε μια ματιά σε αυτό το παράδειγμα κώδικα χρήσης ενός τριαδικού τελεστή για μορφοποίηση σε αντικείμενο συμβολοσειράς.

Κώδικας:

let name = "Jenny";
let isAdmin = true;
let msg = `Welcome ${name}${isAdmin ? ", you are an admin" : ""}`;
console.log(msg);

Παραγωγή:

Welcome Jenny, you are an admin

Εδώ, έχουμε ορίσει δύο μεταβλητές "όνομα"Και"είναι Διαχειριστής«με τις αξίες»Κλωστική μηχανή"Και"αληθής», αντίστοιχα.

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

Σύγκριση του JavaΜέθοδοι μορφής συμβολοσειράς σεναρίου

Εδώ, έχουμε συγκεντρώσει τα πλεονεκτήματα και τα μειονεκτήματα των προαναφερθέντων JavaΜέθοδοι μορφής συμβολοσειράς σεναρίου:

Μέθοδος Πλεονεκτήματα Μειονεκτήματα
Brackets {} με backticks (`) • Εύχρηστος.
• Συνοπτικός και ευανάγνωστος κώδικας. 		Μπορεί να μην είναι κατάλληλο για πιο σύνθετες απαιτήσεις μορφοποίησης.
χειριστής «+». Ευνόητος. Μπορεί να είναι αναποτελεσματικό για πιο σύνθετες απαιτήσεις μορφοποίησης.
Προσαρμοσμένη λειτουργία για μορφοποίηση συμβολοσειρών Προσφέρει μεγάλη ευελιξία. Χρειάζεται περισσότερη προσπάθεια κωδικοποίησης.
Αληλουχία OperaTor Απλό και ευρέως υποστηριζόμενο. Περίπλοκη μορφοποίηση συμβολοσειρών.
Πρότυπα λογοτεχνικά • Υποστηρίζει χορδές πολλαπλών γραμμών.
• Readable και Διαισθητική σύνταξη. 		Περιορισμένος έλεγχος στις επιλογές μορφοποίησης.
Κανονικές εκφράσεις Παρέχετε μεγάλη ευελιξία. Διαφορετική υλοποίηση και συντήρηση σε σύγκριση με άλλες μεθόδους.
Προσαρμοσμένη λειτουργία Παρέχει μεγάλη ευελιξία. Χρειάζεται πρόσθετη κωδικοποίηση για τη δημιουργία και τη διατήρηση μιας προσαρμοσμένης λειτουργίας.
Τερματικός χειριστής Συνοπτικός τρόπος χειρισμού μηδενικών ή μη καθορισμένων τιμών. Μπορεί να μην είναι κατάλληλο για πιο σύνθετες απαιτήσεις μορφοποίησης.

Σημειώστε ότι η επιλογή της μεθόδου εξαρτάται σε μεγάλο βαθμό από τη συγκεκριμένη περίπτωση χρήσης και τις σχετικές απαιτήσεις σας JavaΚωδικός σεναρίου.

Συμπέρασμα

In JavaΓραφή, μπορείτε να χρησιμοποιήσετε κυριολεκτικά πρότυπα, τον τριαδικό τελεστή, "+τελεστής, κανονικές εκφράσεις και η προσαρμοσμένη συνάρτηση για τη μορφοποίηση συμβολοσειρών. Αυτές οι μέθοδοι μορφής συμβολοσειράς επιτρέπουν στους προγραμματιστές να χειρίζονται και να παρουσιάζουν τα δεδομένα κειμένου με αποτελεσματικό τρόπο.

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

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