JAVASCRIPT: Arrays

Post sobre los arrays en JavascriptPrimero para conocer este objeto, empezamos con la definición:

Array es como una variable donde podemos introducir varios valores, en lugar de uno como ocurre con la variables normales. Es una estructura típica en todos los lenguajes de programación.

Gracias a los arrays podremos almacenar todos los valores en una única variable como si ésta tuviera huecos o casillas que se rellenan con los valores, permitiéndonos acceder a cada una de la información individualmente con tan sólo indicar cuál es su hueco, es decir, la posición del array. A esta posición se le denomina indice.

Cómo crear un array?

Contructores:

Para crear un array tenemos varios constructores

  1. new Array ( ): crea un array vacío sin huecos donde almacenar nuestros datos. Esto es útil cuando no sabemos la longitud inicial que tendrá el array cuando lo utilicemos en nuestro código
  2. new Array (longitud): en este caso el array se crea con tantos huecos como indique el parámetro longitud
  3. new Arrat (valor1, valor2,…,valorN): con este constructor crearemos un array con tantos huecos o posiciones  como valores hayamos pasados como parámetros, y, además, dichos huecos irán rellenos con el valor correspondientes.

Algunos ejemplos:

  • new Array ( )   Array vacío y sin posiciones
  • new Array (5)  Array con 5 posiciones vacías
  • new Array(“5”) Array  con 1 posición  y un valor de tipo cadena
  • new Array( 1, 2 , 3) Array con tres posiciones y tres valores de tipo numérico
  • new Array (“a”, 2, false) Array con tres posiciones y tres valores de tipos distintos (cadena, numérico, booleano)

Trabajar con un array

Para ver el contenido de un array es suficiente con utilizarlo junto con un alert o ejercutar su método toString ( ) quedando los valores separados por comas. Esto último es la que hace un alert de forma automática para poder representar el objeto como una cadena

<script type=”text/javascript”>
//Declaración de un array
var menu = new Array (“Arroz”, “Filete con patatas”, “Flan”);
//Visualizar contenido
alert (“el menu de hoy es: ” + menu) ;
<script>

Si queremos acceder a casa posición de un array, con el fin de obtener o modificar su contenido, tendremos que usar, a continuación el nombre de la variable, los corchetes e indicar la posición (índice) sobre la que queremos trabajar. La primera posición está representada por el índice 0, como ocurre con las cadenas

<script type=”text/javascript”
//Declaración de array
var menu =new Array(“Arroz”, “Filete con patatas”,”Flan”);
//Acceso a los valores
alert (el menú de hoy es: \n” +
“\t-” +menu [0] + “\n” +
“\t-” +menu [1] + “\n” +
“\t-” +menu [2] ;
</script>

La forma más cómoda de acceder a loa valores es crear un bucle for, utilizando el contador como índice del array

<script type=”text/javascript”
//Declaración de array
var menu =new Array(“Arroz”, “Filete con patatas”,”Flan”);
var mensaje = “el menú de hoy es: \n”
//Acceso a los valores con un bucle
for (var i=0; i<3; i++) {
mensaje+= “\t-” +menu [i] + “\n”;

alert (mensaje);

</script>

Consejo:  Si intentamos acceder  a una posición que no existe , entonces Javascript nos devolverá el valor undefined

Propiedad y métodos

Propiedad de Array

  • length. Esta propiedad nos dice en cada momento la longitud del array, es decir, cuántos elementos tiene.

Algunos Métodos

  • 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(). Invierte el orden de los elementos del array.
  • sort(). Ordena los elementos del array siguiendo el orden lexicográfico.

Video explicativo de Desarrollo web sobre Array: Muy recomendable

Me ha parecido una idea genial presentaros este videotutorial de la web DesarrolloWeb porque es muy explicativo, y yo creo que nos va a solventar todas las dudas y darnos el empujón definitivo al concepto de array.

Más info:

Desarrollo web: http://www.desarrolloweb.com/articulos/630.php 
Web Estilo http://www.webestilo.com/javascript/js11.phtml
Vitamina web http://vitaminaweb.com/el-objeto-array-en-javascript_17

Post: Diana Redondo

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s