Arrays: Propiedades y operaciones básicas

Arrays: Propiedades y operaciones básicas

Las propiedades y los métodos nos ayudan a trabajar con los Arrays.

  • Las propiedades generalmente nos dicen algo sobre el Array
  • los métodos en Javascript por su parte siempre hacen algo para cambiar o devolver un nuevo Array

Conociendo el tamaño de un Array: propiedad length

A veces es útil saber cuántos elementos hay en un Array. La propiedad de length nos dice cuántos elementos hay en un Array.

Para encontrar la longitud de un Array simplemente agregamos la propiedad .length al final de su nombre. Ejemplo :

var colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log(colores.length);
5

La propiedad length es escribible, por lo tanto podemos insertar o eliminar elementos cambiando el valor de la propiedad. Por tanto, si establecemos la propiedad length en un valor que es mayor que la cantidad de elementos del Array, estos nuevos elementos se agregarán con valores undefined.

var colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log(colores[4]);
colores.length = 3;
console.log(colores[4]);
"Violeta"
undefined

Como podemos notar, en el primer console.log obtenemos el valor establecido en el indice 4 del Array, luego establecemos el tamaño o longitud de este en 3 y al intentar acceder nuevamente a este nos devuelve undefined eliminando los últimos dos valores establecidos originalmente en el Array.

También contamos con la propiedad Array.prototype que representa el prototipo del constructor Array para agregar nuevas propiedades y métodos a todos los objetos Array. Pero este es un tema avanzado que tocaremos en otro momento

Operaciones básicas en Arrays

En JavaScript Todos los Arrays son instancias del tipo Array por lo tanto, el typeof de una variable asociada a un Array regresa como tipo un object:

var colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log(typeof colores);
"object"


Podemos verificar si una variable esta asociada a un Array, para esto usamos el método Array.isArray() de la siguiente manera:

var colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];
console.log(Array.isArray(colores));
true


Algo que hacemos constantemente cuando trabajamos con Arrays es recorrer sus elementos con las estructuras iterativas que dispone el lenguaje, normalmente utilizamos el Loop For aprovechando la propiedad length. Ejemplo:

var colores = ["Rojo", "Verde", "Azul", "Amarillo", "Violeta"];

for (var i = 0 ; i < colores.length ; i++) {
  console.log("Posición " + i + " = " + colores[i]);
}
"Posición 0 = Rojo"
"Posición 1 = Verde"
"Posición 2 = Azul"
"Posición 3 = Amarillo"
"Posición 4 = Violeta"


Ahora que tenemos una comprensión más profunda de los Arrays en JavaScript, de sus propiedades y algunas operaciones básica, podemos dar el siguiente paso y conocer sus métodos.