Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine String-Umkehrfunktion kann String-Reverse-Order-Javascript-Fähigkeiten erlangen

WBOY
Freigeben: 2016-05-16 16:36:22
Original
2034 Leute haben es durchsucht

Erste Methode:

<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>
Nach dem Login kopieren

Zweite Methode:

<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>
Nach dem Login kopieren

Die in den Beispielen verwendeten JS-Methoden werden unten erläutert:

1. join(): Mit dieser Methode werden alle Elemente im Array in einen String eingefügt. Elemente werden durch das angegebene Trennzeichen getrennt.

Rückgabewert: Gibt einen Zeichenfolgenwert zurück, der alle Elemente des Arrays verkettet enthält, wobei die Elemente durch das angegebene Trennzeichen getrennt sind.

Format: arrayObj.join(separator)

arrayObj erforderlich, Array-Objekt

Trennzeichen optional. Geben Sie das zu verwendende Trennzeichen an. Wenn dieser Parameter weggelassen wird, wird ein Komma als Trennzeichen verwendet.

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" 

document.write(arr.join("."))
Nach dem Login kopieren

Ausgabe:
George.John.Thomas

Hinweis: Array.join() entspricht Array.toString()

2. split(): Teilen Sie einen String in ein Array von Teilstrings und geben Sie das Ergebnis dann als String-Array zurück.

Format: stringObj.split(separator, hovmany)

stringObj Erforderlich, das zu zerlegende String-Objekt oder Literal.

Trennzeichen Optional. Eine Zeichenfolge oder ein reguläres Ausdrucksobjekt, das angibt, ob ein oder mehrere Zeichen zum Trennen der Zeichenfolge verwendet werden. Wenn diese Option weggelassen wird, wird ein Einzelelement-Array zurückgegeben, das die gesamte Zeichenfolge enthält.

hovmany optional. Dieser Wert wird verwendet, um die maximale Länge des zurückgegebenen Arrays zu begrenzen. Wenn dieser Parameter festgelegt ist, werden nicht mehr Teilzeichenfolgen zurückgegeben als das durch diesen Parameter angegebene Array. Wenn dieser Parameter nicht gesetzt ist, wird die gesamte Zeichenfolge unabhängig von ihrer Länge aufgeteilt.

<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>
Nach dem Login kopieren

Ausgabe:

Wie geht es dir heute?

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

Wie geht es Dir

3. reverse(): Gibt ein Array-Objekt mit umgekehrter Reihenfolge der Elemente zurück.

Format: arrayObj.reverse()

arrayObj Erforderlich, Array-Objekt.

Diese Methode ändert das ursprüngliche Array, ohne ein neues Array zu erstellen.

<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>
Nach dem Login kopieren

Ausgabe:

George,John,Thomas

Thomas,John,George

4.charAt()-Methode kann das Zeichen an der angegebenen Position zurückgeben.

Grammatik

stringObject.charAt(index)

Index erforderlich. Eine Zahl, die eine bestimmte Position in der Zeichenfolge darstellt, d. h. den Index des Zeichens in der Zeichenfolge

Tipps und Hinweise

Hinweis: Der Index des ersten Zeichens in der Zeichenfolge ist 0. Wenn der Parameterindex nicht zwischen 0 und string.length liegt, gibt diese Methode einen leeren String zurück.

Beispiel

In der Zeichenfolge „Hallo Welt!“ geben wir das Zeichen an Position 1 zurück:

<script type="text/javascript">
var str="Hello world!"
document.write(str.charAt(1)) 
</script>
Nach dem Login kopieren

Die Ausgabe des obigen Codes ist:

e

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage