-
Cómo ordenar alfabéticamente Enlaces en JavaScript
-
JavaScript es un lenguaje de script del lado del cliente que contiene muchas de las características que están normalmente disponibles en lenguajes de programación con todas las funciones, incluidas las estructuras lógicas, variables y matrices. código JavaScript se ejecuta cuando un navegador Web con JavaScript habilitado se abre una página Web que contiene código JavaScript. Debido a que la ejecución del código se lleva a cabo en el navegador Web, JavaScript es ampliamente utilizado para la modificación de las interfaces de usuario y para la manipulación de los elementos HTML, como cuando se alteran las imágenes, la creación de listas de clasificación y enlaces.Instrucciones
1 Abra un editor de texto y crear un nuevo archivo llamado "sortList.html." Añadir algunas etiquetas HTML para el archivo que comprenden una página HTML básica. Esta página contendrá la lista ordenada.
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Añadir una secuencia de comandos HTML - "<script>" - etiqueta para el archivo entre el "<head>" y "</ head>" etiquetas. Asignar la etiqueta "<script>" del tipo "script / javascript", a continuación, cierre el guión HTML - "</ script>" - etiqueta.
<Html>
<Head>
<Script type = "text / javascript">
</ Script>
</ Head>
<Body> </ body>
</ Html>
3 Crear una matriz de JavaScript llamado "LinkName" mediante la asignación de cuatro valores a una variable denominada "LinkName" - "CNN", "google", "CBS" y "manzana". Los corchetes al lado del "LinkName" declaración de variables crean la matriz mediante la notación literal.
<Html>
<Head>
<Script type = "text / javascript">
var LinkName = [ "CNN", "google", "CBS", "manzana"];
</ Script>
</ Head>
<Body> </ body>
</ Html>
4 Ordenar la matriz "LinkName" usando el método "() tipo" JavaScript. Este método ordena los valores de la matriz lexicográfico - por orden alfabético, o orden del diccionario.
<Html>
<Head>
<Script type = "text / javascript">
var LinkName = [ "CNN", "google", "CBS", "manzana"];
linkName.sort ();
</ Script>
</ Head>
<Body> </ body>
</ Html>
5 Utilizar un bucle para iterar a través de los elementos de la matriz mediante la propiedad "Array.length" como control. Utilice una llave de apertura "{" y un cierre corchete "}" para mantener el lugar para el código del bucle.
<Html>
<Head>
<Script type = "text / javascript">
var LinkName = [ "CNN", "google", "CBS", "manzana"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
6 Utilice una salida para cada valor de JavaScript "document.write" comando de hipervínculo (clasificado) "sortList.html". Utilice el operador de concatenación JavaScript ( "+") a la salida el valor de la variable "LinkName" con el código HTML del hipervínculo.
<Html>
<Head>
<Script type = "text / javascript">
var LinkName = [ "CNN", "google", "CBS", "manzana"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
document.write ( "<a href=http://www." + + linkName[i] ".com>");
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
7 Use un segundo comando "document.write" para emitir el nombre del enlace ordenados. Este valor es el texto del hipervínculo en la página Web, y es visible para el usuario final.
<Html>
<Head>
<Script type = "text / javascript">
var LinkName = [ "CNN", "google", "CBS", "manzana"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
document.write ( "<a href=http://www." + + linkName[i] ".com>");
document.write (LinkName [i]);
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
8 Utilizar un tercer método "document.write" para emitir una etiqueta de cierre hipervínculo - "</a>" - escrita para cada enlace a la página.
<Html>
<Head>
<Script type = "text / javascript">
var LinkName = [ "CNN", "google", "CBS", "manzana"];
linkName.sort ();
for (i = 0; i <linkName.length; i ++)
{
document.write ( "<a href=http://www." + + linkName[i] ".com>");
document.write (LinkName [i]);
document.write ( "</a>");
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
9 Use un cuarto comando "document.write" para emitir una etiqueta de retorno - "" - después de cada hipervínculo. Esta etiqueta separa cada elemento de la lista. Guarde y cierre "sortLink.html."
<Html>
<Head>
<Script type = "text / javascript">
var LinkName = [ "CNN", "google", "CBS", "manzana"];
linkName.sort ();
for (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>
<Body> </ body>
</ Html>
10 Abrir "sortLink.html" en un navegador web y verificar que se imprima la lista está ordenada y lexicográfico.
Consejos y advertencias
- El "tipo) (" función puede tomar un argumento, una función opcional que define el orden de clasificación. Esto es útil cuando se ordenan los datos numéricos.
- El método "sort ()" convierte todos los elementos en cadenas. Tenga esto en cuenta al crear e implementar matrices método "() es un género" que se aprovechan de la.
- arrays JavaScript pueden ser ordenados, empalmados, se unieron, concatenados y convertidos (ver Recursos).
- Para ordenar una lista de enlaces que ya existe, considerar el uso de las funciones de cadena y funciones de búsqueda para identificar el texto que es el objetivo de la especie. También puede utilizar estas funciones para modificar el aspecto del texto de hipervínculo final.
- objetos JavaScript se pueden utilizar para asociar diversos componentes de enlace.
- El "sort ()" método de JavaScript ordena los datos numéricos por orden alfabético, que por lo general no es el resultado deseado. Utilizar una función "comparar" a datos de forma correcta ordenación numérica.
