Dans ce didacticiel, vous découvrirez la chaîne JavaScript à l'aide d'exemples.
La chaîne JavaScript est un type de données primitif utilisé pour travailler avec des textes. Par exemple,
const name = 'John';
Créer des chaînes JavaScript
En JavaScript, les chaînes sont créées en les entourant de guillemets. Vous pouvez utiliser les guillemets de trois manières.
- Guillemets simples:
'Hello' - Double citation:
"Hello" - Backticks:
`Hello`
Par exemple,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
Les guillemets simples et doubles sont pratiquement les mêmes et vous pouvez utiliser l'un ou l'autre.
Les backticks sont généralement utilisés lorsque vous devez inclure des variables ou des expressions dans une chaîne. Cela se fait en encapsulant des variables ou des expressions avec $(variable or expression)comme indiqué ci-dessus.
Vous pouvez également écrire un devis dans un autre devis. Par exemple,
const name = 'My name is "Peter".';
Cependant, le devis ne doit pas correspondre aux citations environnantes. Par exemple,
const name = 'My name is 'Peter'.'; // error
Accéder aux caractères de chaîne
Vous pouvez accéder aux caractères d'une chaîne de deux manières.
- Une façon consiste à traiter les chaînes comme un tableau. Par exemple,
const a = 'hello'; console.log(a(1)); // "e"
- Une autre façon est d'utiliser la méthode
charAt(). Par exemple,
const a = 'hello'; console.log(a.charAt(1)); // "e"
Les chaînes JavaScript sont immuables
En JavaScript, les chaînes sont immuables. Cela signifie que les caractères d'une chaîne ne peuvent pas être modifiés. Par exemple,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
Cependant, vous pouvez affecter le nom de la variable à une nouvelle chaîne. Par exemple,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
JavaScript est sensible à la casse
JavaScript est sensible à la casse. Cela signifie qu'en JavaScript, les lettres minuscules et majuscules sont traitées comme des valeurs différentes. Par exemple,
const a = 'a'; const b = 'A' console.log(a === b); // false
En JavaScript, aet Asont traités comme des valeurs différentes.
Chaînes multi-lignes JavaScript
Pour utiliser une chaîne multiligne, vous pouvez utiliser l' +opérateur ou l' opérateur. Par exemple,
// 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.'
Longueur de la chaîne JavaScript
Pour trouver la longueur d'une chaîne, vous pouvez utiliser la lengthpropriété intégrée . Par exemple,
const a = 'hello'; console.log(a.length); // 5
Objets de chaîne JavaScript
Vous pouvez également créer des chaînes à l'aide du newmot - clé. Par exemple,
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"
Remarque : il est recommandé d'éviter d'utiliser des objets chaîne. L'utilisation d'objets chaîne ralentit le programme.
Méthodes de chaîne JavaScript
Voici les méthodes JavaScript String couramment utilisées:
| Méthode | La description |
|---|---|
| charAt (index) | renvoie le caractère à l'index spécifié |
| concat () | joint deux chaînes ou plus |
| remplacer() | remplace une chaîne par une autre chaîne |
| Divisé() | convertit la chaîne en un tableau de chaînes |
| substr (début, longueur) | renvoie une partie d'une chaîne |
| sous-chaîne (début, fin) | renvoie une partie d'une chaîne |
| tranche (début, fin) | renvoie une partie d'une chaîne |
| 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 |
| \ | inclure une barre oblique inverse |
| n | nouvelle ligne |
| r | retour chariot |
| v | onglet vertical |
| t | onglet horizontal |
| b | retour arrière |
| F | flux de formulaire |
