Πώς να γράψετε δυναμικά κεφαλαία μια λέξη σε JavaScript;

Pos Na Grapsete Dynamika Kephalaia Mia Lexe Se Javascript



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

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

Πώς να γράψετε δυναμικά κεφαλαία μια λέξη σε JavaScript;

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







Μέθοδος 1: Χρήση της μεθόδου “slice()”.

Σε αυτή τη μέθοδο, το « προτροπή() ', και ' toUpperCase() ' οι μέθοδοι χρησιμοποιούνται κατά μήκος του ' φέτα() ” μέθοδος για τη χρήση κεφαλαίων μόνο της πρώτης λέξης ή κάποιου μέρους της συμβολοσειράς όπως απαιτείται ή καθορίζεται από τον χρήστη. Όπως φαίνεται στο παρακάτω απόσπασμα κώδικα:



< σώμα >

< h1 > Άρθρο Linuxhint h1 >
< h4 > Χρησιμοποιώντας κεφαλαία την πρώτη λέξη h4 >
< κουμπί κάνοντας κλικ = 'captalizeFirstWord()' > Δοκίμασέ το κουμπί >
< p id = 'στόχος' Π >

< γραφή >
λειτουργία captalizeFirstWord ( ) {
αφήστε δεδομένα = προτροπή ( 'Παρακαλώ εισάγετε τη συμβολοσειρά' , 'Τζον Γουίκ' ) ;
συνθ wordEndIndex = προτροπή ( 'Εισαγωγή στο τελικό εύρος' , '5' ) ;
ας firstWord = δεδομένα. φέτα ( 0 , wordEndIndex ) ;
ας ρεμ = δεδομένα. αντικαθιστώ ( πρώτη λέξη , '' ) ;

αν ( δεδομένα != μηδενικό ) {
έγγραφο. getElementById ( 'στόχος' ) . innerHTML = 'Η πρώτη λέξη γράφεται τώρα με κεφαλαία: ' + πρώτη λέξη. σε κεφαλαία ( ) + rem ;
}
}
γραφή >
σώμα >

Επεξήγηση του κώδικα:



  • Πρώτα, δηλώνεται το στοιχείο του κουμπιού που καλεί το ' captalizeFirstWord() μέθοδος που χρησιμοποιεί το « στο κλικ ” ακροατής εκδήλωσης. Ο ' Π Το στοιχείο ' δημιουργείται επίσης έχοντας ένα αναγνωριστικό ' στόχος '. Σε αυτό το στοιχείο HTML 'p' εισάγεται η έξοδος.
  • Στη συνέχεια, η συνάρτηση ' captalizeFirstWord() 'το σώμα ορίζεται μέσα στο ' <σενάριο> ετικέτα '. Σε αυτό, μερικά από ' προτροπή() Οι μέθοδοι χρησιμοποιούνται για την ανάκτηση των δεδομένων από τον χρήστη σχετικά με τη συμβολοσειρά και τον τελικό αριθμό ευρετηρίου για τις κεφαλαία λέξεις.
  • Ο ' προτροπή() Η μέθοδος περιέχει δύο παραμέτρους, η πρώτη είναι το μήνυμα που εμφανίζεται στην οθόνη και η δεύτερη είναι η προεπιλεγμένη τιμή της.
  • Αυτές οι τιμές αποθηκεύονται σε ' δεδομένα ' και ' wordEndIndex ” αντίστοιχα. Στη συνέχεια, χρησιμοποιήστε το ' φέτα() ' μέθοδος στο 'data' και κόψτε το τμήμα της συμβολοσειράς από το ' 0 ” ευρετήριο στον αριθμό ευρετηρίου που παρέχεται από τον χρήστη. Αυτό διαχωρίζει την πρώτη λέξη από την παρεχόμενη συμβολοσειρά που αποθηκεύεται στη μεταβλητή 'firstWord'.
  • Μετά από αυτό, χρησιμοποιήστε το ' αντικαθιστώ() ' μέθοδος στην παρεχόμενη συμβολοσειρά για την αντικατάσταση του περιεχομένου 'firstWord' με κενά εισαγωγικά. Αυτό τροποποιεί τη συμβολοσειρά και τώρα περιέχει το υπόλοιπο μέρος μετά την αφαίρεση της πρώτης λέξης που είναι αποθηκευμένη στη μεταβλητή ' rem
  • Στο τέλος, χρησιμοποιήστε το ' αν ' δήλωση για να ελέγξετε εάν το ' δεδομένα Η μεταβλητή που παρέχεται από τον χρήστη είναι κενή ή όχι. Εάν δεν είναι κενό ή ίσο με ' μηδενικό ', μετά εισάγετε το ' πρώτη λέξη ' και εφαρμόστε το ' toUpperCase() 'μέθοδος σε αυτό.
  • Κατά μήκος του, εμφανίστε το υπόλοιπο τμήμα που είναι αποθηκευμένο στο ' rem ” μεταβλητή.

Μετά τη σύνταξη:





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



Μέθοδος 2: Χρησιμοποιώντας τη μέθοδο 'substr()'.

Ο ' substr() Η μέθοδος ” μπορεί να χρησιμοποιηθεί για να γράψετε κεφαλαία μόνο την πρώτη λέξη από την παρεχόμενη συμβολοσειρά. Μπορεί να γίνει επιλέγοντας μόνο το πρώτο γράμμα χωριστά, προσπελάζοντας τον αριθμό ευρετηρίου και εφαρμόζοντας τη μέθοδο 'toUpperCase()' σε αυτό. Στη συνέχεια, συνδέστε το υπόλοιπο μέρος της συμβολοσειράς όπως γίνεται στον παρακάτω κώδικα:

< h1 > Άρθρο Linuxhint h1 >
< h4 > Χρησιμοποιώντας κεφαλαία την πρώτη λέξη h4 >

< κουμπί κάνοντας κλικ = 'captalizeFirstWord()' > Δοκίμασέ το κουμπί >
< p id = 'στόχος' Π >

< γραφή >
λειτουργία captalizeFirstWord ( ) {
αφήστε δεδομένα = προτροπή ( 'Παρακαλώ εισάγετε τη συμβολοσειρά' , 'Τζον Γουίκ' )
συνθ wordEndIndex = προτροπή ( 'Εισαγωγή στο τελικό εύρος' , '5' ) ;
αφήστε το αποτέλεσμα = δεδομένα. υποστρ ( 0 , wordEndIndex ) . σε κεφαλαία ( ) + δεδομένα. υποστρ ( wordEndIndex ) ;
αν ( δεδομένα != μηδενικό ) {
έγγραφο. getElementById ( 'στόχος' ) . innerHTML = 'Η πρώτη λέξη γράφεται τώρα με κεφαλαία ως: ' + αποτέλεσμα ;
}
}
γραφή >

Επεξήγηση του παραπάνω κώδικα:

  • Ο παραπάνω κώδικας είναι ο ίδιος με αυτόν που περιγράφεται στην προηγούμενη μέθοδο μόνο το ' φέτα() ' και ' αντικαθιστώ() 'η μέθοδος αντικαθίσταται από ' substr() 'μέθοδος.
  • Η μέθοδος 'substr()' εφαρμόζεται στο ' δεδομένα ' μεταβλητή και το τμήμα της συμβολοσειράς από το ' 0 Το ευρετήριο στο παρεχόμενο ευρετήριο διαχωρίζεται. Σε αυτό το διαχωρισμένο μέρος που είναι η πρώτη λέξη, το « toUpperCase() » εφαρμόζεται η μέθοδος για την κεφαλαιοποίηση του.
  • Μετά από αυτό, το δεύτερο ' substr() Η μέθοδος ” χρησιμοποιείται για να επιλέξετε το υπόλοιπο τμήμα από το παρεχόμενο ευρετήριο και στη συνέχεια να συνδέσετε το αποτέλεσμα και για τις δύο μεθόδους.

Μετά τη σύνταξη:

Η έξοδος δείχνει ότι μόνο η πρώτη λέξη από τη συμβολοσειρά έχει κεφαλαία

συμπέρασμα

Δεν υπάρχει καμία ενσωματωμένη μέθοδος που να μπορεί να χρησιμοποιηθεί για τη δυναμική χρήση κεφαλαίων μόνο της πρώτης λέξης μιας παρεχόμενης συμβολοσειράς. Ωστόσο, το ' φέτα() ' και ' substr() Οι μέθοδοι μπορούν να χρησιμοποιηθούν με συνδυασμό διαφορετικών μεθόδων όπως προτροπή() », « αντικαθιστώ() ', και ' toUpperCase() ” για να γράψετε κεφαλαία την πρώτη λέξη. Εδώ, το « toUpperCase() Η μέθοδος γράφει συγκεκριμένα κεφαλαία την πρώτη λέξη σε φέτες. Αυτή η ανάρτηση επεξηγεί τις μεθόδους για τη χρήση κεφαλαίων σε μια λέξη στο JavaScript.