Chaîne JavaScript

Vue d'ensemble

Les chaînes sont presque partout en JavaScript, lorsque vous traitez les données saisies par l'utilisateur, lors de la lecture ou de la définition des propriétés des objets DOM, lors de la manipulation des cookies et de bien sûr beaucoup plus…. La partie centrale de JavaScript fournit un ensemble de propriétés et de méthodes pour les opérations courantes sur les chaînes, telles que le fractionnement de chaînes, la modification de la casse des chaînes, l'exploitation de sous-chaînes, etc.

Création de chaîne

Création Là existe plusieurs méthodes pour une chaîne. Le plus simple consiste à mettre un ensemble de caractères entre guillemets, qui peuvent être affectés à une variable chaîne.
var myStr = "Bonjour, String !";
Vous pouvez utiliser des guillemets doubles ou des guillemets simples pour encadrer la chaîne, mais sachez que la paire de guillemets qui délimite la chaîne doit être la pareil, ne peut pas être mélangé.
Une déclaration du type var myString = "Fluffy est un joli chat.'; est illégale.
Permet l'utilisation de deux types de guillemets, rendant certaines opérations simples, comme l'intégration de l'un dans l'autre :

document.write("<img src='img/logo.jpg' height='30' width='100' alt='Logo'>");

Épissage de chaînes

C'est très simple, il suffit d'utiliser un "+" pour joindre les deux chaînes "Ajouter":

var longString = "One piece " + "plus un morceau supplémentaire.";

Pour accumuler plusieurs chaînes en une seule chaîne, vous pouvez également utiliser le "+=" opérateur :

var result = "";
result += "Je m'appelle Anders"
result += " et j'ai 25 ans

Pour ajouter un caractère de nouvelle ligne à la chaîne, vous devez utiliser le caractère d'échappement "n":

var confirmString = "Vous n'avez pas entré de réponse au dernier " +
"question.nnEnvoyer le formulaire quand même ?";
var confirmValue = confirm(confirmString);

Longueur de la chaîne

Vous peut utiliser la propriété intégrée length pour calculer la longueur d'une chaîne :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<script>
var txt = "Hello World!";
document.write("<p>" + txt.length + "</p>");
var txt="what are you doing ?";
document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>

Caractères spéciaux

En JavaScript, les chaînes sont écrites entre guillemets simples ou doubles.

Pour cette raison, l'exemple JavaScript suivant ne peut pas être analysé : x

"Nous sommes les soi-disant "Vikings" du nord."

La chaîne "Nous sommes les soi-disant" est tronquée.

Comment résoudre les problèmes ci-dessus ? Vous pouvez utiliser la barre oblique inverse() pour échapper aux guillemets doubles dans la chaîne "Vikings", comme suit :

"Nous sommes les soi-disant "Vikings" du nord."

Backslash est un caractère d'échappement. Les caractères d'échappement convertissent les caractères spéciaux en caractères de chaîne :

Le caractère d'échappement () peut être utilisé pour échapper aux apostrophes, aux nouvelles lignes, aux guillemets et à d'autres caractères spéciaux.

Le tableau suivant répertorie les caractères spéciaux qui peuvent être échappés à l'aide de caractères d'échappement dans les chaînes :

Code Sortie

' guillemet simple

" guillemet double

\ barre oblique inverse

n saut de ligne

r retour chariot

t tab (caractère de tabulation)

b caractère de retour arrière

f caractère de saut de formulaire

La chaîne peut être un objet

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p id="demo"></p>
<script>
var x = "John";              // x是一个字符串
var y = new String("John");  // y是一个对象
document.getElementById("demo").innerHTML =typeof x + " " + typeof y;
</script>
</body>
</html>

Remarque :

Ne créez pas d'objets String. Cela ralentira l'exécution et peut avoir d'autres effets secondaires

Propriétés et méthodes des chaînes

Les chaînes de valeurs primitives, telles que "John", n'ont pas de propriétés ni de méthodes (car ce ne sont pas des objets).

Les valeurs primitives peuvent utiliser des propriétés et des méthodes JavaScript, car JavaScript peut traiter les valeurs primitives comme des objets lors de l'exécution de méthodes et de propriétés.

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script> var name = '小明'; var age = 20; var message = '你好, ' + name + ', 你今年' + age + '岁了!'; alert(message); </script> </head> <body> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Chaîne JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]