Arrays en JavaScript

Array

Los Arrays o Listas como comúnmente se les llama están también inmersas en el lenguaje JavaScript, al igual que en la mayoría (si no es en todos) los lenguajes de programación de alto nivel, siendo de suma importancia para el desarrollo de software de cualquier tipo las Listas nos facilitan el manejo y rápido acceso de la información dentro de nuestras aplicaciones. es por ello que en esta entrada veremos la declaración y uso de los Arrays que no son mas que un conjunto de valores asociados a un único nombre de variable, con un contenido que puede ser obtenido o modificado mediante un índice, veamos:

Declaremos nuestro primer Array:

1
2
3
<script type="text/javascript">
lenguajes = ["JavaScript", "PHP", "C++", "Perl", "Pyton"]
</script>

Como pueden ver hemos declarado un objeto array con un arreglo que contiene los nombres de algunos lenguajes de programación, teniendo en cuenta que la primera posición del array es la numero 0 podemos obtener los valores de todos y cada una de las posiciones de nuestro array que son 4, así:

1
2
3
4
5
6
7
8
    <script type="text/javascript">
    lenguajes = ["JavaScript", "PHP", "C++", "Perl", "Pyton"]
    document.write(lenguajes[0]+"<br />")
    document.write(lenguajes[1]+"<br />")
    document.write(lenguajes[2]+"<br />")
    document.write(lenguajes[3]+"<br />")
    document.write(lenguajes[4]+"<br />")
    </script>

Con lo que obtendríamos de salida:
javascript 2

Aunque la practica anterior no es del todo viable, lo ideal para recorrer un array es iterar sobre este para obtener los datos de cada posición, veamos como hacerlo:

1
2
3
4
5
6
    <script type="text/javascript">
    lenguajes = ["JavaScript", "PHP", "C++", "Perl", "Pyton"]
    for (var i = 0; i < lenguajes.length; i++) {
        document.write(lenguajes[i]+"<br>")
    };
    </script>

Como pueden ver obtendremos la misma salida haciendo uso de un ciclo for, también podemos declarar nuestro array con diferentes tipos de variables y podría hacerse de la siguiente forma:

1
2
3
4
    <script type="text/javascript">
    lenguajes = ["JavaScript", "PHP", "C++", "Perl", "Pyton"]
    lista= new Array("Byspel", total, 2000);
    </script>

Otra forma muy común de declarar listas en JavaScript es estableciendo su tamaño desde el principio así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    <script type="text/javascript">
    lenguajes = new Array(10);
    lenguajes[0] = "JavaScript";
    lenguajes[1] = "PHP";
    lenguajes[2] = "C++";
    lenguajes[3] = "Perl";
    lenguajes[4] =  "Pyton";
    document.write("Posicion 0: "+lenguajes[0]+
                   "<br /> Posicion 1: "+lenguajes[1]+
                   "<br /> Posicion 2: "+lenguajes[2]+
                   "<br /> Posicion 3: "+lenguajes[3]+
                   "<br /> Posicion 4: "+lenguajes[4]
        );
    </script>

Podemos verificar el tamaño de nuestro array haciendo uso de length:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
    lenguajes = new Array(10);
    lenguajes[0] = "JavaScript";
    lenguajes[1] = "PHP";
    lenguajes[2] = "C++";
    lenguajes[3] = "Perl";
    lenguajes[4] =  "Pyton";
    document.write("Posicion 0: "+lenguajes[0]+
                   "<br /> Posicion 1: "+lenguajes[1]+
                   "<br /> Posicion 2: "+lenguajes[2]+
                   "<br /> Posicion 3: "+lenguajes[3]+
                   "<br /> Posicion 4: "+lenguajes[4]
        );
    document.write("<br />tamaño"+lenguajes.length)
    </script>

Observamos que el array cuenta con un tamaño de 10, pero solo tenemos ocupadas 5 posiciones, veamos que otras manipulaciones podemos realizar:

Eliminando el Último registro:

1
2
3
4
5
6
<script type="text/javascript">
    lenguajes = ["JavaScript", "PHP", "C++", "Perl", "Pyton"]
    document.write("Array Completo: "+lenguajes+"")
    lenguajes.pop();
    document.write("Eliminado el ultimo objeto: "+lenguajes)
    </script>

Añadiendo valores a nuestro array:

1
2
3
4
5
6
<script type="text/javascript">
    lenguajes = ["JavaScript", "PHP", "C++", "Perl", "Pyton"]
    document.write("Array Inicial: "+lenguajes+"")
    lenguajes.push("Pascal", "C#", "Lisp")
    document.write("Con nuevos valores: "+lenguajes)
    </script>

Con lo cual obtenemos como salida:
push

Si este post fue de ayuda para ti, no olvides dejar un comentario, también puedes contar tu experiencia o lo que estés haciendo. Nos ayuda a seguir creciendo. ¡Vamos!, solo te llevará 1 minuto.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *