domingo, 8 de diciembre de 2013

Arregos en JavaScript

Definición de un arreglo

Un arreglo (array) es un tipo de dato complejo, conocido también como listas, matrices o vectores en otros lenguajes de programación.
Los miembros de un array son denominados elementos que se comienzan a enumerar desde una posición 0. Esto significa que cada elemento de un array posee una posición para poder ser accedido, a esa posición se le conoce como índice del arreglo.


Vale la pena mencionar que en JavaScript, por su naturaleza de tipología débil de datos, no requiere que los elementos de un array sean de un tipo de datos específico. Así que un arreglo en JavaScript puede poseer elementos numéricos, cadenas, booleanos e incluso otro datos complejo como otro array u objeto.


Declaración de un arreglo en JavaScript

Como un arreglo es un tipo de dato, es conveniente declararlo antes de utilizarlo dentro de una secuencia de comando (guión). La declaración de un arreglo se hace con la siguiente instrucción:
var nombre_array = new Array();

La instrucción anterior muestra que la palabra clave para crear el array sigue siendo var, igual que se hace para crear variables numéricas, cadenas o lógicas.
Además, para crear un array se utiliza el constructor de objetos (tema que veremos posteriormente en detalle) Array al que se antepone la palabra clave new, utilizada para crear un nuevo objeto de clase.

De este modo para crear un arreglo con las vocales del alfabeto español tenemos que utilizar la siguiente instrucción:
var vocales = new Array('a', 'e', 'i', 'o', 'u');

Si queremos un arreglo con los dígitos:
var digitos = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);

JavaScript provee de una forma alternativa para declarar arreglos que es utilizando literales de array. Esta notación utiliza los corchetes que es el símbolo particular para representar arreglos en la mayoría de lenguajes de programación.

En esta notación, los dos arreglos anteriores quedarían de la siguiente forma:
var vocales = ['a', 'e', 'i', 'o', 'u'];
var digitos = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

Existe un caso particular en donde al crear el array se puede definir el tamaño del arreglo en lugar de los elementos que contiene. Esto se hace pasando un único argumento al constructor o al literal del array.

Ejemplos:
var numeros = new Array(20);

Esto es equivalente en la notación de literales de array:
var numeros = [20];

Las instrucciones anteriores crean un array de 20 elementos que no están definidos inicialmente.

Asignación de elementos al array.

Para añadir elementos a un arreglo, después de su definición se puede utilizar la asignación directa de elementos, como se indica a continuación:
var numeros = [5];
numeros[0] = 19;
numeros[1] = 31;
numeros[2] = 6;
numeros[3] = 53;
numeros[4] = 46;

Algo interesante con JavaScript es que no necesita asignar los elementos en índices consecutivos. Esto significa que después de los elementos anteriores, podría asignar el siguiente elemento sin tener ningún problema:
numeros[9] = 15;


Acceso a los elementos de un arreglo en JavaScript

El acceso a los elementos de un arreglo se puede hacer de forma directa:
document.write("Los elementos del array numeros son: [" + numeros[0] + ", " + numeros[1] + ", " + numeros[2] + ", " + numeros[3] + ", " + numeros[4] + ", " + numeros[9] + ", " + "]"); 

No hay comentarios:

Publicar un comentario

Con mucho agrado les presento este pequeño manual en forma de blog sobre el lenguaje JavaScript. Espero comentarios de su parte que ayuden a mejorar este trabajo. Aclaro que me he enfocado en un inicio en el JavaScript puro, sin framework. Tal vez más adelante y dedicando algún tiempo en aprenderlos, pueda adentrarme en algún manual de framework JavaScript posteriormente.