Objet chaîne JavaScript

Définir l'objet String

L'objet JavaScript String est utilisé pour traiter les chaînes de texte. La syntaxe de création d'un objet String est la suivante :

<script language="JavaScript">
var str_object = new String( str );
var str1 = String( str );
var str2 = str;
</script>

Parmi les trois méthodes ci-dessus, seule la première utilise le constructeur String pour définir strictement un objet chaîne et renvoie un objet. La seconde consiste à appeler la fonction String pour convertir le paramètre str en chaîne d'origine et le renvoyer. La troisième méthode consiste à définir une variable chaîne, mais elle est toujours traitée comme un objet chaîne en JavaScript.

Exécutez les instructions suivantes pour connaître la différence :

alert( typeof str_object ); // Output object
alert( typeof str1 ); // Output string
alert ( typeof); str2 ); // Chaîne de sortie

Propriétés de l'objet chaîne

Attributs <🜜 >

constructeur Une référence à la fonction qui a créé l'objet

length La longueur de la chaîne

prototype Ajouter des propriétés et des méthodes à l'objet

String utilise l'attribut length length pour calculer la longueur de la 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="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>

String utilise indexOf() pour localiser un élément spécifique dans la chaîne. La position où le caractère apparaît pour la première fois :

<!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>

La fonction 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. La méthode

<!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>

replace() remplace certains caractères par d'autres caractères dans une chaîne.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<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>

Utilisez la fonction toUpperCase() / toLowerCase() pour la conversion de casse de chaîne :

var txt="Hello World!"; .toUpperCase(); // Le texte txt1 sera converti en majuscule

var txt2=txt.toLowerCase(); // Le texte txt2 sera converti en minuscule

chaîne en utilisant strong>split( ) Convertissez la fonction en tableau :

<!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[2];
}
</script>
</body>
</html>

Caractères spéciaux

En Javascript, vous pouvez utiliser une barre oblique inverse () pour insérer des symboles spéciaux, tels que des apostrophes, des guillemets et d'autres symboles spéciaux.

Affichez le code JavaScript suivant :

var txt="Nous sommes les soi-disant "Vikings" du nord.";

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 :

var txt = "Nous sommes les soi-disant "Vikings" du nord.";
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 :

Code Sortie

' guillemet simple

" guillemet double

\ barre oblique

n saut de ligne

r Entrez

t onglet

b espace

f changement de page

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var str = "www.php.cn"; document.write( str.split(".") + "<br />" ); document.write( str.split("") + "<br />" ); document.write(str.split(".", 2)); </script> </head> <body> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Objet 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]