Συμβολοσειρά JavaScript (με παραδείγματα)

Σε αυτό το σεμινάριο, θα μάθετε για τη συμβολοσειρά 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
φά ροή φόρμας

ενδιαφέροντα άρθρα...