Utilizando arrays en javascript

Declarando y asignando valor a un array.

Los arrays son un tipo especial de variable que nos permite almacenar en ella una lista de valores. Los arrays van asignando una numeración a los elementos la cual comienza desde 0, a esta se le llama index.

Por ejemplo:

var autos;
autos = ['BMW','Fiat','Peugeot','Lifan','Tesla'];

También podriamos asignar los valores de esta manera.

var autos;
//index 0
autos[0] = 'BMW';
//index 1
autos[1] = 'Fiat';
//index 2
autos[2] = 'Peugeot';
//index 3
autos[3] = 'Lifan';
//index 4
autos[4] = 'Tesla';

Además si yo quiero obtener el valor de el primer elemento del array autos lo puedo hacer con autos[0]. Por consiguiente cuando le asignamos autos[0] a una variable le estamos asignando el valor que se encuentra en el index 0  ( si agregaramos alert(auto[0]); en el código anterior nos mostrara BMW)

Si queremos cambiar el valor del primer elemento autos[0]=’Mercedes’ estoy cambiando su valor a Mercedes. Tomando en cuenta los valores que le asignamos en el primer ejemplo

autos = ['BMW','Fiat','Peugeot','Lifan','Tesla'];

podemos sacar en conclusión que:

indexvalue
0BMW
1Fiat
2Peugeot
3Lifan
4Tesla

Usando length.

Para saber la longitud de un array usamos la propiedad length la cuál se usa de la siguiente manera nombre_de_array.length esta nos devolverá la cantidad de elementos que tiene nuestro array, además esta propiedad nos permite declarar la cantidad que tendrá si asi lo deseamos por ejemplo nombre_de_array.length = 5.

var num_autos;
//El valor asignando a num_autos es 5.
num_autos = autos.length();

Recorriendo un array.

Para recorrer un array usaremos el bucle o ciclo for que tendra como condición que i debe ser menor que la logitud del array autos y además i incrementa +1. Por lo tanto el primer valor sera el del indice 0 y como i es menor que la cantidad de elementos el último i será 4 por lo tanto el último valor será el de autos[4].

<script>
     var autos;
     autos = ['BMW','Tesla','Fiat','Peugeot','Lifan'];
     var i = 0;
     var stautos ="";
     for(i;i<autos.length;i++){
         stautos = stautos +"\n"+autos[i];
     }
     alert(stautos);
</script>

otra forma de recorrer es con for in
<script>
     var autos;
     autos = ['BMW','Tesla','Fiat','Peugeot','Lifan'];
     var a="";
     for(variable in autos){
         a += "\n"+autos[variable];
     }
     alert(a);
</script>

Otra forma mas de recorrer un array seria con forEach este metodo para los array nos permite recorrer el array de forma muy facil.

<script>
     var autos;
     autos = ['BMW','Tesla','Fiat','Peugeot','Lifan'];
     autos.forEach(function(element){
     		alert(element);
     });
</script>
Ayudame: Por favor deja un comentario antes de irte, tu opinión es bienvenida. Si te gusta el contenido comparte.