Come ordinare i collegamenti in ordine alfabetico in JavaScript

September 25

Come ordinare i collegamenti in ordine alfabetico in JavaScript


JavaScript è un linguaggio di scripting lato client che contiene molte delle caratteristiche che sono in genere disponibili in linguaggi di programmazione full-optional, comprese le strutture logiche, variabili e gli array. codice JavaScript eseguito quando un browser Web con JavaScript abilitato apre una pagina Web che contiene il codice JavaScript. Poiché l'esecuzione del codice avviene nel browser Web, JavaScript è ampiamente usato per modificare le interfacce utente e per la manipolazione di elementi HTML, come quando alterare le immagini, la creazione di liste e l'ordinamento collegamenti.

istruzione

1 Aprire un editor di testo e creare un nuovo file chiamato "sortList.html." Aggiungere alcuni tag HTML per il file che compongono una pagina HTML di base. Questa pagina contiene la lista ordinata.

<Html>

<Head> </ head>

<Body> </ body>

</ Html>

2 Aggiungere uno script HTML - "<script>" - tag al file tra il "<head>" e "</ head>" tag. Assegnare il tag "<script>" tipo "script / javascript", quindi chiudere lo script HTML - "</ script>" - tag.

<Html>

<Head>

<Script type = "text / javascript">

</ Script>

</ Head>

<Body> </ body>

</ Html>

3 Creare un array JavaScript denominato "nomecollegamento" assegnando quattro valori a una variabile denominata "nomecollegamento" - ". Mela" "cnn", "google", "della CBS" e Le parentesi quadre in seguito alla "nomecollegamento" dichiarazione delle variabili creano la matrice utilizzando la notazione letterale.

<Html>

<Head>

<Script type = "text / javascript">

var nomecollegamento = [ "CNN", "google", "CBS", "mela"];

</ Script>

</ Head>

<Body> </ body>

</ Html>

4 Ordina l'array "nomecollegamento" utilizzando il "sort ()" JavaScript metodo. Questo metodo ordina i valori della matrice lessicografico - in ordine alfabetico, o ordine dizionario.

<Html>

<Head>

<Script type = "text / javascript">

var nomecollegamento = [ "CNN", "google", "CBS", "mela"];

linkName.sort ();

</ Script>

</ Head>

<Body> </ body>

</ Html>

5 Utilizzare un ciclo per scorrere gli elementi dell'array utilizzando la proprietà "Array.length" come controllo. Utilizzare una parentesi graffa aperta "{" e una stretta parentesi graffa "}" per tenere il posto per il codice del ciclo.

<Html>

<Head>

<Script type = "text / javascript">

var nomecollegamento = [ "CNN", "google", "CBS", "mela"];

linkName.sort ();

for (i = 0; i <linkName.length; i ++)

{

}

</ Script>

</ Head>

<Body> </ body>

</ Html>

6 Utilizzare un JavaScript "document.write" il comando per ciascun valore di uscita collegamento ipertestuale (ordinato) per "sortList.html". Utilizzare il JavaScript operatore di concatenazione ( "+") per l'uscita il valore "nomecollegamento" di variabile con il codice HTML del collegamento ipertestuale.

<Html>

<Head>

<Script type = "text / javascript">

var nomecollegamento = [ "CNN", "google", "CBS", "mela"];

linkName.sort ();

for (i = 0; i <linkName.length; i ++)

{

document.write ( "<a href=http://www." + linkName[i] + ".com>");

}

</ Script>

</ Head>

<Body> </ body>

</ Html>

7 Utilizzare un secondo comando "document.write" per l'uscita il nome del collegamento ordinato. Questo valore è il testo del collegamento ipertestuale nella pagina Web, ed è visibile per l'utente finale.

<Html>

<Head>

<Script type = "text / javascript">

var nomecollegamento = [ "CNN", "google", "CBS", "mela"];

linkName.sort ();

for (i = 0; i <linkName.length; i ++)

{

document.write ( "<a href=http://www." + linkName[i] + ".com>");

document.write (nomecollegamento [i]);

}

</ Script>

</ Head>

<Body> </ body>

</ Html>

8 Utilizzare un terzo metodo "document.write" per l'uscita di un vicino collegamento ipertestuale tag - "</a>" - per ogni collegamento scritto alla pagina.

<Html>

<Head>

<Script type = "text / javascript">

var nomecollegamento = [ "CNN", "google", "CBS", "mela"];

linkName.sort ();

for (i = 0; i <linkName.length; i ++)

{

document.write ( "<a href=http://www." + linkName[i] + ".com>");

document.write (nomecollegamento [i]);

document.write ( "</a>");

}

</ Script>

</ Head>

<Body> </ body>

</ Html>

9 Utilizzare un comando quarta "document.write" per l'uscita di un tag ritorno - "" - dopo ogni collegamento ipertestuale. Questo tag separa ogni elemento della lista. Salvare e chiudere "sortLink.html."

<Html>

<Head>

<Script type = "text / javascript">

var nomecollegamento = [ "CNN", "google", "CBS", "mela"];

linkName.sort ();

for (i = 0; i <linkName.length; i ++)

{

document.write ( "<a href=http://www." + linkName[i] + ".com>");

document.write (nomecollegamento [i]);

document.write ( "</a>");

document.write ( "");

}

</ Script>

</ Head>

<Body> </ body>

</ Html>

10 Aprire "sortLink.html" in un browser Web e verificare che le stampe della lista e viene ordinato lessicografico.

Consigli e avvertenze

  • L ' ") sort (" funzione può prendere un argomento, una funzione opzionale che definisce il criterio di ordinamento. Questo è utile quando l'ordinamento dei dati numerici.
  • Il metodo "sort ()" converte tutti gli elementi in stringhe. Tenetelo a mente quando si creano e le matrici che prendono il metodo "() sorta" vantaggio delle norme di attuazione.
  • array JavaScript possono essere ordinati, assemblati in parallelo, uniti, concatenati e convertiti (vedi Risorse).
  • Per ordinare un elenco di link che già esiste, considerare l'utilizzo di funzioni di stringa e le funzioni di ricerca per identificare il testo che è l'obiettivo del genere. È inoltre possibile utilizzare queste funzioni per modificare l'aspetto del testo collegamento ipertestuale finale.
  • oggetti JavaScript possono essere utilizzati per associare i vari componenti di collegamento.
  • Il "sort ()" JavaScript metodo ordina i dati numerici in ordine alfabetico, che in genere non è il risultato desiderato. Utilizzare una funzione "Confronta" per i dati in modo corretto ordinamento numerico.

Articoli Correlati