Σε αυτό το σεμινάριο, θα μάθετε για τη συμβολοσειρά JavaScript με τη βοήθεια παραδειγμάτων.
Η συμβολοσειρά JavaScript είναι ένας πρωτόγονος τύπος δεδομένων που χρησιμοποιείται για την εργασία με κείμενα. Για παράδειγμα,
const name = 'John';
Δημιουργία συμβολοσειρών JavaScript
Στο JavaScript, οι χορδές δημιουργούνται περικυκλώνοντάς τις με εισαγωγικά. Υπάρχουν τρεις τρόποι με τους οποίους μπορείτε να χρησιμοποιήσετε εισαγωγικά.
- Μεμονωμένα αποσπάσματα:
'Hello'
- Διπλά εισαγωγικά:
"Hello"
- Backticks:
`Hello`
Για παράδειγμα,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
Μεμονωμένα και διπλά εισαγωγικά είναι σχεδόν τα ίδια και μπορείτε να χρησιμοποιήσετε οποιοδήποτε από αυτά.
Τα backticks χρησιμοποιούνται γενικά όταν πρέπει να συμπεριλάβετε μεταβλητές ή εκφράσεις σε μια συμβολοσειρά. Αυτό γίνεται με την αναδίπλωση μεταβλητών ή εκφράσεων $(variable or expression)
όπως φαίνεται παραπάνω.
Μπορείτε επίσης να γράψετε ένα απόσπασμα μέσα σε ένα άλλο απόσπασμα. Για παράδειγμα,
const name = 'My name is "Peter".';
Ωστόσο, η προσφορά δεν πρέπει να ταιριάζει με τα αντίστοιχα εισαγωγικά. Για παράδειγμα,
const name = 'My name is 'Peter'.'; // error
Πρόσβαση σε χαρακτήρες συμβολοσειράς
Μπορείτε να αποκτήσετε πρόσβαση στους χαρακτήρες με μια συμβολοσειρά με δύο τρόπους.
- Ένας τρόπος είναι να αντιμετωπίζετε τις συμβολοσειρές ως πίνακα. Για παράδειγμα,
const a = 'hello'; console.log(a(1)); // "e"
- Ένας άλλος τρόπος είναι να χρησιμοποιήσετε τη μέθοδο
charAt()
. Για παράδειγμα,
const a = 'hello'; console.log(a.charAt(1)); // "e"
Οι συμβολοσειρές JavaScript είναι αμετάβλητες
Στο JavaScript, οι συμβολοσειρές είναι αμετάβλητες. Αυτό σημαίνει ότι οι χαρακτήρες μιας συμβολοσειράς δεν μπορούν να αλλάξουν. Για παράδειγμα,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
Ωστόσο, μπορείτε να αντιστοιχίσετε το όνομα της μεταβλητής σε μια νέα συμβολοσειρά. Για παράδειγμα,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
Η JavaScript είναι ευαίσθητη σε πεζά
Το JavaScript είναι διάκριση πεζών-κεφαλαίων. Αυτό σημαίνει ότι στη JavaScript, τα πεζά και κεφαλαία γράμματα αντιμετωπίζονται ως διαφορετικές τιμές. Για παράδειγμα,
const a = 'a'; const b = 'A' console.log(a === b); // false
Στο JavaScript, a
και A
αντιμετωπίζονται ως διαφορετικές τιμές.
Πολυγραμμικές συμβολοσειρές JavaScript
Για να χρησιμοποιήσετε μια σειρά πολλαπλών +
γραμμών , μπορείτε είτε να χρησιμοποιήσετε τον τελεστή είτε τον χειριστή. Για παράδειγμα,
// using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'
Μήκος συμβολοσειράς JavaScript
Για να βρείτε το μήκος μιας συμβολοσειράς, μπορείτε να χρησιμοποιήσετε την ενσωματωμένη length
ιδιότητα. Για παράδειγμα,
const a = 'hello'; console.log(a.length); // 5
Αντικείμενα συμβολοσειράς JavaScript
Μπορείτε επίσης να δημιουργήσετε συμβολοσειρές χρησιμοποιώντας τη new
λέξη-κλειδί. Για παράδειγμα,
const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"
Σημείωση : Συνιστάται να αποφεύγετε τη χρήση αντικειμένων συμβολοσειράς. Η χρήση αντικειμένων συμβολοσειράς επιβραδύνει το πρόγραμμα.
Μέθοδοι συμβολοσειράς JavaScript
Ακολουθούν οι συνήθεις μέθοδοι συμβολοσειράς JavaScript:
Μέθοδος | Περιγραφή |
---|---|
charAt (ευρετήριο) | επιστρέφει τον χαρακτήρα στο καθορισμένο ευρετήριο |
συμπυκνωμένος () | ενώνει δύο ή περισσότερες χορδές |
αντικαθιστώ() | αντικαθιστά μια συμβολοσειρά με μια άλλη συμβολοσειρά |
διαίρεση() | μετατρέπει τη συμβολοσειρά σε μια σειρά συμβολοσειρών |
υπόστρωμα (έναρξη, μήκος) | επιστρέφει ένα μέρος μιας συμβολοσειράς |
υπόστρωμα (έναρξη, τέλος) | επιστρέφει ένα μέρος μιας συμβολοσειράς |
φέτα (αρχή, τέλος) | επιστρέφει ένα μέρος μιας συμβολοσειράς |
toLowerCase () | returns the passed string in lower case |
toUpperCase() | returns the passed string in upper case |
trim() | removes whitespace from the strings |
includes() | searches for a string and returns a boolean value |
search() | searches for a string and returns a position of a match |
Example: JavaScript String Methods
const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"
JavaScript String() Function
The String()
function is used to convert various data types to strings. For example,
const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"
If you want to learn more about the string conversion, visit JavaScript Type Conversion.
Escape Character
You can use the backslash escape character to include special characters in a string. For example,
const name = 'My name is \'Peter\'.'; console.log(name);
Output
My name is 'Peter'.
In the above program, the same quote is included using .
Here are other ways that you can use :
Code | Output |
---|---|
" | include double quote |
\ | περιλαμβάνουν ανάστροφη κάθετο |
n | νέα γραμμή |
r | επιστροφή μεταφοράς |
ν | κάθετη καρτέλα |
τ | οριζόντια καρτέλα |
σι | backspace |
φά | ροή φόρμας |