Wie Links in JavaScript alphabetisch sortiert
JavaScript ist eine clientseitige Skriptsprache, die viele Funktionen, die in der Regel in vollem Funktionsumfang Programmiersprachen enthält, einschließlich Logik Strukturen, Variablen und Arrays sind. JavaScript-Code ausgeführt wird, öffnet ein Web-Browser mit aktiviertem JavaScript eine Webseite, die JavaScript-Code enthält. Da die Codeausführung im Web-Browser erfolgt, wird JavaScript für Benutzeroberflächen zu ändern und zum Bearbeiten von HTML-Elemente wie beim Ändern von Bildern, Erstellen von Listen und Sortieren links eingesetzt.
Anweisungen
1 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei namens "sortList.html." Fügen Sie einige HTML-Tags in die Datei, die eine einfache HTML-Seite zu bilden. Diese Seite enthält die sortierte Liste.
< html >
< Leiter >< / Kopf >
< Körper >< / body >
< / html >
2 Fügen Sie ein HTML-Skript--"< Script >"---Tag in die Datei zwischen den "< Head >" und "< / head >" Markierungen. Zuweisen "< Script >"-Tag des Typs "Script/Javascript", dann schließen Sie das HTML-Skript--"< / script >"--Tag.
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
< / script >
< / head >
< Körper >< / body >
< / html >
3 Erstellen Sie ein JavaScript-Array mit dem Namen "LinkName", indem Sie eine Variable namens "LinkName"--"Cnn," vier Werte zuweisen "Google", "Cbs" und "Apple". Die eckigen Klammern nach der Variablendeklaration "LinkName" Erstellen des Arrays mit literal Notation.
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Var LinkName = ["Cnn", "Google", "Cbs", "Apfel"];
< / script >
< / head >
< Körper >< / body >
< / html >
4 Sortiert das "LinkName" Array in JavaScript "Sort()-Methode". Diese Methode der Array Werte sortiert lexikografisch--alphabetisch, oder Wörterbuchreihenfolge.
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Var LinkName = ["Cnn", "Google", "Cbs", "Apfel"];
linkName.sort();
< / script >
< / head >
< Körper >< / body >
< / html >
5 Verwenden Sie eine Schleife zum Durchlaufen der Elemente im Array mithilfe der Eigenschaft "array.length" als Steuerelement. Verwenden Sie eine geöffnete geschweifte Klammer "{" und eine enge geschweifte Klammer "}", der Platz für die Schleife Code zu halten.
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Var LinkName = ["Cnn", "Google", "Cbs", "Apfel"];
linkName.sort();
für (i = 0; i < linkName.length;i++)
{
}
< / script >
< / head >
< Körper >< / body >
< / html >
6 Verwenden Sie einen JavaScript-"document.write"-Befehl, jeden Hyperlink-Wert ausgegeben (sortiert), "sortList.html". Verwenden Sie den JavaScript-Verkettungsoperator ("+"), "LinkName" der Wert der Variablen mit dem Hyperlink-HTML-Code ausgegeben.
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Var LinkName = ["Cnn", "Google", "Cbs", "Apfel"];
linkName.sort();
für (i = 0; i < linkName.length;i++)
{
Document.Write ("< a Href = http://www." + LinkName [i] + "com >");
}
< / script >
< / head >
< Körper >< / body >
< / html >
7 Verwenden Sie einen zweiten "document.write"-Befehl, um den Namen sortierte Ausgabe. Dieser Wert ist der Text des Hyperlinks auf der Webseite und ist für den Endbenutzer sichtbar.
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Var LinkName = ["Cnn", "Google", "Cbs", "Apfel"];
linkName.sort();
für (i = 0; i < linkName.length;i++)
{
Document.Write ("< a Href = http://www." + LinkName [i] + "com >");
Document.Write(linkName[i]);
}
< / script >
< / head >
< Körper >< / body >
< / html >
8 Verwenden Sie eine dritte "document.write" Methode zur Ausgabe einer engen Linktag--"</a >"--für jeden Link in die Seite geschrieben.
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Var LinkName = ["Cnn", "Google", "Cbs", "Apfel"];
linkName.sort();
für (i = 0; i < linkName.length;i++)
{
Document.Write ("< a Href = http://www." + LinkName [i] + "com >");
Document.Write(linkName[i]);
Document.Write ("</a >");
}
< / script >
< / head >
< Körper >< / body >
< / html >
9 Verwenden Sie einen vierten "document.write"-Befehl, einen Rückkehr Tag--ausgegeben ""--nach jedem Hyperlink. Diesem Tag trennt jedes Element in der Liste. Speichern Sie und schließen Sie "sortLink.html."
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Var LinkName = ["Cnn", "Google", "Cbs", "Apfel"];
linkName.sort();
für (i = 0; i < linkName.length;i++)
{
Document.Write ("< a Href = http://www." + LinkName [i] + "com >");
Document.Write(linkName[i]);
Document.Write ("</a >");
Document.Write("");
}
< / script >
< / head >
< Körper >< / body >
< / html >
10 "SortLink.html" in einem Webbrowser öffnen und überprüfen Sie, ob die Liste gedruckt und ist lexikographisch sortiert.
Tipps & Warnungen
- Die Funktion "sort()" kann ein Argument, eine optionale Funktion haben, die die Sortierreihenfolge definiert. Dies ist nützlich, wenn numerische Daten sortieren.
- Die "Sort()-Methode" konvertiert alle Zeichenfolgen. Denken Sie daran, bei der Erstellung und Umsetzung von Arrays, die die "Sort()-Methode" nutzen.
- JavaScript-Arrays können werden sortiert, gespleißt, trat, verkettet und konvertiert (siehe Ressourcen).
- Um eine Link-Liste zu sortieren, die bereits vorhanden ist, erwägen Sie Zeichenfolgenfunktionen und Suchfunktionen um den Text zu identifizieren, der die Art Ziel ist. Diese Funktionen können Sie auch die endgültige Hyperlink-Text-Darstellung ändern.
- JavaScript-Objekte können verwendet werden, um verschiedene Verbindung Komponenten zuzuordnen.
- Die JavaScript "Sort()-Methode" sortiert numerische Daten alphabetisch, die ist in der Regel nicht das gewünschte Ergebnis. Verwenden Sie eine Funktion "Compare" numerische Daten korrekt zu sortieren.