Chaîne JavaScript
L'objet String est utilisé pour traiter les blocs de caractères existants.
Chaînes JavaScript
Une chaîne est utilisée pour stocker une séquence de caractères comme "John Doe".
Une chaîne peut utiliser des guillemets simples ou doubles :
Instance
var carname='Volvo XC60';
Vous pouvez accéder à n'importe quel caractère de la chaîne en utilisant la position (index) :
Instance
L'index de la chaîne commence à zéro, donc le premier caractère de la chaîne est [0], le deuxième caractère est [1], etc.
Vous pouvez utiliser des guillemets dans les chaînes, comme indiqué ci-dessous :
Exemple
var réponse="Il est appelé 'Johnny'";
varanswer='Il s'appelle "Johnny"';
Ou vous pouvez utiliser des caractères d'échappement dans la chaîne en utilisant des guillemets :
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> var carname1="Volvo XC60"; var carname2='Volvo XC60'; var answer1="It's alright"; var answer2="He is called 'Johnny'"; var answer3='He is called "Johnny"'; document.write(carname1 + "<br>") document.write(carname2 + "<br>") document.write(answer1 + "<br>") document.write(answer2 + "<br>") document.write(answer3 + "<br>") </script> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
String
String utilise l'attribut lengthlength pour calculer la longueur de la chaîne :
Instance
<!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="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
Rechercher une chaîne dans une chaîne
Les chaînes utilisent indexOf () pour localiser la première occurrence d'un caractère spécifié dans la chaîne :
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="p1">Click the button to locate where "locate" first occurs.</p>
<p id="p2">0</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var str=document.getElementById("p1").innerHTML;
var n=str.indexOf("locate");
document.getElementById("p2").innerHTML=n+1;
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
Si la fonction de caractère correspondante n'est pas trouvée, elle renvoie -1
La méthode lastIndexOf() est dans la chaîne Find l'occurrence de la chaîne à partir de la fin. La fonction
Correspondance de contenu
match() est utilisée pour rechercher un caractère spécifique dans une chaîne et, si elle est trouvée, renvoie ce caractère.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
var str="Hello world!";
document.write(str.match("world") + "<br>");
document.write(str.match("World") + "<br>");
document.write(str.match("world!"));
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
La méthodeReplace content
replace() remplace certains caractères par d'autres caractères dans une chaîne.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>替换 "Microsoft" 为 "php.cn" :</p>
<button onclick="myFunction()">点我</button>
<p id="demo">请访问 Microsoft!</p>
<script>
function myFunction() {
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","php.cn");
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Conversion de casse de chaîne
La conversion de casse de chaîne utilise la fonctiontoUpperCase() / toLowerCase():
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
var txt="Hello World!";
document.write("<p>" + txt.toUpperCase() + "</p>");
document.write("<p>" + txt.toLowerCase() + "</p>");
document.write("<p>" + txt + "</p>");
</script>
<p>该方法返回一个新的字符串，源字符串没有被改变。</p>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Convertir une chaîne en tableau
Utilisez la fonction strong>split() pour convertir une chaîne en tableau :
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">单击按钮显示数组。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var str="a,b,c,d,e,f";
var n=str.split(",");
document.getElementById("demo").innerHTML=n[0];
}
</script>
</body>
</html>Exécuter instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Caractères spéciaux
Vous pouvez utiliser une barre oblique inverse () pour insérer des symboles spéciaux en Javascript, tels que : apostrophe, guillemets et autres symboles spéciaux.
Affichez le code JavaScript suivant :
document.write(txt);
En JavaScript, les chaînes démarrent et s'arrêtent en utilisant des guillemets simples ou doubles. Cela signifie que la chaîne ci-dessus sera coupée en : Nous sommes les soi-disant
Pour résoudre le problème ci-dessus, vous pouvez utiliser des barres obliques inverses pour échapper aux guillemets :
document.write(txt);
JavaScript affichera la chaîne de texte correcte : Nous sommes les soi-disant " Vikings" du nord.
Le tableau suivant répertorie d'autres caractères spéciaux. Vous pouvez utiliser des barres obliques inverses pour échapper aux caractères spéciaux :
| 代码 | 输出 |
|---|---|
| ' | 单引号 |
| " | 双引号 |
| \ | 斜杆 |
| n | 换行 |
| r | 回车 |
| t | tab |
| b | 空格 |
| f | 换页 |
Attribut et méthode de chaîne
attributs :
longueur
prototype
constructeur
Méthode :
charAt()
charCodeAt()
concat()
fromCharCode()
indexOf()
lastIndexOf()
match()
replace()
search()
slice()
split()
substr()
substring()
toLowerCase()
toUpperCase()
valueOf()
