Μετάβαση στο κύριο περιεχόμενο

Τρόπος μετατροπής κειμένου σε camelCase, snake_case, kebab-case και PascalCase

Από Converty Team

Μάθετε πώς να μετατρέπετε κείμενο σε camelCase, snake_case, kebab-case και PascalCase χωρίς να μετατρέπετε την εκκαθάριση ονομασίας σε μη αυτόματη επανεγγραφή.

Τρόπος μετατροπής κειμένου σε camelCase, snake_case, kebab-case και PascalCase

Ο καθαρισμός ονομάτων είναι μια από αυτές τις μικρές εργασίες που εμφανίζονται σε πολλά διαφορετικά μέρη. Ένα όνομα προϊόντος πρέπει να γίνει URL slug. Μια κεφαλίδα υπολογιστικού φύλλου πρέπει να γίνει όνομα ιδιοκτησίας. Ένα διακριτικό CSS χρειάζεται ένα προβλέψιμο αναγνωριστικό. Μια σημείωση από ένα αρχείο σχεδίασης πρέπει να γίνει κάτι που ένας προγραμματιστής μπορεί να επικολλήσει σε κώδικα χωρίς να ξαναγράψει κάθε λέξη με το χέρι.

Το δύσκολο μέρος είναι να μην καταλάβετε τι σημαίνει camelCase, snake_case, kebab-case ή PascalCase. Το δύσκολο κομμάτι είναι να εφαρμόζεται ο ίδιος κανόνας με συνέπεια όταν το κείμενο-πηγή έχει κενά, σημεία στίξης, κεφαλαία και μικτά διαχωριστικά. Εκεί βοηθάει μια εστιασμένη ροή εργασίας Case / Slug / Escape. Επικολλήστε το κείμενο προέλευσης μία φορά, ελέγξτε τις παραλλαγές πεζών-κεφαλαίων μαζί και αντιγράψτε την έξοδο που ταιριάζει στο επόμενο σύστημα.

Γιατί η μετατροπή περιπτώσεων έχει σημασία στην πραγματική εργασία

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

Φανταστείτε μια σημαία χαρακτηριστικού που ονομάζεται "Νέο Banner Checkout". Η σημείωση προϊόντος χρησιμοποιεί κεφαλαία κεφαλαία. Ο κωδικός μπορεί να χρειάζεται newCheckoutBanner. Ένα αρχείο διαμόρφωσης ενδέχεται να αναμένεται new_checkout_banner. Ένα τμήμα διαδρομής ή μια κλάση CSS μπορεί να προτιμά το new-checkout-banner. Η ίδια ιδέα ταξιδεύει σε πολλά συστήματα και κάθε χειροκίνητη επανεγγραφή είναι μια μικρή ευκαιρία για drift.

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

Πώς να μετατρέψετε κείμενο σε συνήθεις μορφές πεζών-κεφαλαίων

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

  1. Ανοίξτε το εργαλείο Case / Slug / Escape.
  2. Επικολλήστε τη φράση, την ετικέτα, τον τίτλο ή το αναγνωριστικό που χρειάζεστε για να κανονικοποιήσετε.
  3. Συγκρίνετε τις δημιουργημένες εξόδους camelCase, PascalCase, snake_case και kebab-case.
  4. Αντιγράψτε τη φόρμα που ταιριάζει με το σύστημα προορισμού.
  5. Κρατήστε τη φράση πηγής κοντά, εάν κάποιος χρειαστεί να επιβεβαιώσει αργότερα το αναγνώσιμο από τον άνθρωπο όνομα.

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

Ποια θήκη πρέπει να χρησιμοποιήσετε;

Διαφορετικά στυλ περιπτώσεων συνήθως αντιστοιχίζονται σε διαφορετικούς προορισμούς.

Σχήμα και διάταξις βιβλίουΚοινή χρήσηΠρακτικός λόγος
camelCaseΜεταβλητές JavaScript, κλειδιά αντικειμένων, ονόματα καταστάσεων διεπαφής χρήστηΣυμπαγές και κοινό στον κώδικα frontend
PascalCaseΟνόματα στοιχείων, ονόματα κλάσεων, τύποι εξαγωγήςΔιατηρεί εύκολες στη σάρωση των ονομασμένων μονάδων κώδικα
snake_caseΠεδία δεδομένων, κεφαλίδες που προέρχονται από CSV, ορισμένα APIΔιαφανείς διαχωριστές με σταθερότητα πεζών
kebab-caseURL slugs, τμήματα διαδρομής, ετικέτες που μοιάζουν με CSSΑναγνώσιμο σε μονοπάτια και συμφραζόμενα με παύλες

Το σημαντικό μέρος είναι να μην αντιμετωπίζουμε ένα στυλ ως καθολικά σωστό. Η σωστή έξοδος είναι αυτή που ταιριάζει στο σημείο όπου ακολουθεί το κείμενο.

Χρησιμοποιήστε το ίδιο πάσο για slugs και διαφυγή

Η εκκαθάριση θήκης εμφανίζεται συχνά δίπλα σε άλλη εκκαθάριση κειμένου. Αφού ένας τίτλος γίνει kebab-case, μπορεί επίσης να χρειαστεί να γίνει καθαρή διεύθυνση URL slug. Αφού ένα απόσπασμα γίνει αναγνωριστικό, μια σχετική τιμή ενδέχεται να χρειάζεται διαφυγή URL, HTML ή JSON για να επικολληθεί με ασφάλεια αλλού.

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

Για μια ευρύτερη ροή εργασιών εκκίνησης που συνδυάζει το slugs με την προετοιμασία Markdown και favicon, διαβάστε το άρθρο How Content Teams Can Prep Slugs, Markdown και Favicons για μια νέα κυκλοφορία. Εάν η επόμενη ερώτηση αφορά την κωδικοποίηση και όχι την ονομασία, συνεχίστε με το When to Use URL Encoding, HTML Ecaping και JSON Ecaping.

Ανοίξτε το εργαλείο Case / Slug / Escape όταν η επόμενη εργασία μετατρέπει μια πρόχειρη φράση σε προβλέψιμο αναγνωριστικό, slug ή συμβολοσειρά διαφυγής.

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