Première méthode :
<script type="text/javascript"> var str="abcdeg"; function demo(str){ var str2=""; for(var i=0;i<str.length;i++){ str2+=str.charAt(str.length-i-1); } document.write(str+"<br />"+str2) } demo(str); </script>
Deuxième méthode :
<input type="textfield" id="input"/> <div id="result"></div> <input type="button" value="reverse" onclick="reverse()"/> <script language="javascript"> function reverse() { var str=document.getElementById("input").value; var a=str.split(''); var result=new Array(); while(a.length) { result.push(a.pop()); } document.getElementById("result").innerHTML=result.join(''); } </script>
Les méthodes JS utilisées dans les exemples sont expliquées ci-dessous :
1. join() : Cette méthode est utilisée pour mettre tous les éléments du tableau dans une chaîne. Les éléments sont séparés par le délimiteur spécifié.
Valeur de retour : renvoie une valeur de chaîne qui contient tous les éléments du tableau concaténés ensemble, les éléments étant séparés par le délimiteur spécifié.
Format : arrayObj.join(separator)
arrayObj requis, objet Array
séparateur en option. Spécifiez le délimiteur à utiliser. Si ce paramètre est omis, une virgule est utilisée comme délimiteur.
var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join("."))
Sortie :
George.John.Thomas
Remarque : Array.join() est équivalent à Array.toString()
2. split() : divise une chaîne en un tableau de sous-chaînes, puis renvoie le résultat sous forme de tableau de chaînes.
Format : stringObj.split(séparateur, hovmany)
stringObj Obligatoire, l'objet String ou le littéral à décomposer.
séparateur Facultatif. Objet de chaîne ou d'expression régulière qui identifie si un ou plusieurs caractères sont utilisés pour séparer la chaîne. Si cette option est omise, un tableau à un seul élément contenant la chaîne entière est renvoyé.
beaucoup de choix facultatifs. Cette valeur est utilisée pour limiter la longueur maximale du tableau renvoyé. Si ce paramètre est défini, pas plus de sous-chaînes ne seront renvoyées que le tableau spécifié par ce paramètre. Si ce paramètre n'est pas défini, la chaîne entière sera divisée quelle que soit sa longueur.
<script type="text/javascript"> var str="How are you doing today?" document.write(str.split(" ") + "<br />") document.write(str.split("") + "<br />") document.write(str.split(" ",3)) </script>
Sortie :
Comment allez-vous,aujourd'hui ?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
Comment allez-vous
3. reverse() : renvoie un objet Array avec l'ordre des éléments inversé.
Format : arrayObj.reverse()
arrayObj Obligatoire, objet Array.
Cette méthode modifiera le tableau d'origine sans créer de nouveau tableau.
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John"arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.reverse()) </script>
Sortie :
George, John,Thomas
Thomas, John,George
La méthode 4.charAt() peut renvoyer le caractère à la position spécifiée.
Grammaire
stringObject.charAt(index)
Index requis. Un nombre représentant une certaine position dans la chaîne, c'est-à-dire l'indice du caractère dans la chaîne
Conseils et remarques
Remarque : L'index du premier caractère de la chaîne est 0. Si l'index du paramètre n'est pas compris entre 0 et string.length, cette méthode renvoie une chaîne vide.
Exemple
Dans la chaîne "Hello world!" nous renverrons le caractère en position 1 :
<script type="text/javascript"> var str="Hello world!" document.write(str.charAt(1)) </script>
Le résultat du code ci-dessus est :
e