Maison > interface Web > js tutoriel > le corps du texte

Une fonction d'inversion de chaîne peut acquérir des compétences string reverse order_javascript

WBOY
Libérer: 2016-05-16 16:36:22
original
2052 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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("."))
Copier après la connexion

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&#63;"

document.write(str.split(" ") + "<br />")

document.write(str.split("") + "<br />")

document.write(str.split(" ",3))

</script>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

Le résultat du code ci-dessus est :

e

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal