Anuncios

Bienvenidos sean a este post, en el tema de hoy veremos algo que ya hemos visto en otros posts y en el post anterior pero esta vez nos adentraremos un poco mas sobre que es un Array, primero hablemos sobre el mismo.

Anuncios
Anuncios

El array o arreglo (dependen como lo encuentren) es un tipo de variable que almacena un conjunto de datos en distintas posiciones, el tipo de datos puede ser String o Number (double, float, integer, etc), los datos siempre deben ser del mismo tipo (no podemos mezclar String y Numbers por ejemplo), cada valor almacenado tiene una posicion, los mismos pueden ser creados por nosotros o podemos generarlos por medio del comando split como vimos en el post anterior.

A diferencia de otros lenguajes los arrays en Javaascript son mas bien de tipo dinamicos, esto significa que cada vez que agreguemos un nuevo elemento el mismo modificara su tamaño automaticamente, en C++ se debe usar Vector<> para lograr el mismo efecto, para crear un nuevo array debemos usar la palabra reservada new, su sintaxis es la siguiente:

nuevoArray = new Array(15);

En este caso el nuevo array tendra un espacio inicial para 15 elementos, en caso de no llenarlos estaran disponibles para futuros datos, hablemos sobre sus propiedades:

  • length, valor numerico con la cantidad de elementos dentro del array
  • prototype, permite asignar nuevas propiedades al objeto Array
Anuncios

Pasemos a hablar sobre sus metodos:

  • eval(), evalua la cadena como una sentencia en referencia al objeto Array
  • valueOf(), convierte el valor a su tipo primitivo
  • toString(), devuelve una cadena que representa al Array
  • join(separador), une los elementos de las cadenas de caracteres de cada elemento de un array en un string, separando cada cadena por el separador especificado
  • reverse(), modifica el orden de todos los elementos del array
  • sort(), ordena todos los elementos en orden lexicografico, tambien se puede usar una funcion para ordenarlo segun el usuario
Anuncios

Para entender este concepto un poco mejor veamos el siguiente ejemplo:

<html>
<head>
<script language="javascript">
<!--
document.title="Pagina de Array()";
function crearArray()
{
var miarea=document.getElementById("miArea");
var arreglo=new Array(15);
var nv;

arreglo=miarea.value.split(" ");
nv=window.open("","nueva","width=575,height=300;toolbars=no,left=100,top=550");
nv.document.write("<title>Resultado de Array</title>");	
nv.document.write("<center>");
nv.document.write("<h3>Informacion obtenida desde el texto</h3>");
nv.document.write("<br>Texto original:<br>" + miarea.value.bold() + "<br>");
nv.document.write("Numero de palabras: " 
	+ arreglo.length + "<br>");
nv.document.write("Primera palabra: " 
	+ arreglo[0].bold() + "<br>");
nv.document.write("Ultima palabra: " 
	+ arreglo[(arreglo.length)-1].bold() + "<br>");
nv.document.write("Reverso del array: " 
	+ arreglo.reverse().join("..").bold() + "<br>");
nv.document.write("Orden del A a la Z: " 
	+ arreglo.sort().join("..").bold() + "<br>");
nv.document.write("Orden de Z a la A: " 
	+ arreglo.sort().reverse().join("..").bold() + "<br>");
nv.document.write("</center>");

}
//-->
</script>
</head>
<body>
<TEXTAREA name="miArea" id="miArea" WRAP=VIRTUAL ROWS=5 COLS=30></TEXTAREA>
<br><br>
<button id="botton" type="button" onclick="crearArray()">Ejecutar</button>
</body>
</html>
Anuncios

Hablemos sobre el codigo, en este caso comencemos con el codigo HTML, es uno simple donde solamente tenemos un elemento TEXTAREA donde ingresaremos nuestro texto y despues un boton donde llamara a la funcion crearArray, pasemos a hablar del codigo Javascript.

Anuncios
Anuncios

El codigo primero asignara un titulo a la pagina por medio de title y el objeto document, despues tendremos la funcion en si, donde primero crearemos un objeto llamado miarea y le asignaremos el objeto miArea por medio de getElementById, este metodo permite encontrar cualquier elemento en el documento que tenga el id que le informemos, luego crearemos un array llamado arreglo, para luego crear una variable llamada nv, nuestro siguiente paso sera crear una ventana nueva por medio de window.open, en este caso no le informamos ninguna url porque necesitamos que haga la ventana pero el contenido se lo agregaremos a continuacion, por medio del document.write iremos agregando cada una de de las lineas que se veran, primero asignamos el titulo de la nueva ventana, luego diremos que centre todo el texto, seguiremos con un texto que servira de encabezado, luego mostraremos el texto ingresado originalmente, despues informaremos la cantidad de palabras (elementos del arreglo), mostraremos la primera palabra, luego la ultima palabra, despues el texto pero ordenado al reves, ordenada alfabeticamente, ordenado alfabeticamente pero en reversa, veamos como nos muestra la salida

Anuncios

En este caso podemos ver como la ventana de salida nos muestra todos los datos que le solicitamos y las modificaciones pertinentes, tambien vean como el join al contrario del split se encargo de volver a unir los elementos del array en una sola cadena por medio del separador que informamos en join, aca les dejo la ventana de salida

Anuncios

En resumen, hoy hemos visto el objeto Array(), hemos visto sus propiedades, sus metodos, tambien como crear un Array, un ejemplo donde pusimos en practica los metodos y como obtener un elemento en base a su id, espero les haya sido util sigueme en Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Tambien podes donar

Es para mantenimiento del sitio, gracias!

$1.00