[Arreglos] en JS

Siempre será necesario el uso de arreglos en cualquier lenguaje de programación y claro que JavaScript no es la excepción.

En esta publicación aprenderemos como declarar arreglos, como agregar, ordenar y eliminar elementos dentro de los también conocidos como “Arrays”.

Primero

Los arreglos son una colección ordenada de elementos no homogéneos, cada elemento puede ser de un tipo de dato diferente.

Son el método más común y simple de almacenar datos. Técnicamente, un “Array” es un objeto intrínseco de JavaScript. Admite datos del tipo cadenas, números, objetos, arrays, true, false, null.

Declaración

Existen dos formas de declarar un arreglo y son las siguientes:

La primera forma de declarar un arreglo es a través de los corchetes.

Un ejemplo de arreglo con tres datos string seria:

 var arreglo1 = ["rojo", "azul", "verde"] ;

En el caso de un arreglo vacío sería:

 var arreglo1 = [];

La segunda forma nos permite declarar un arreglo estableciendo el número de posiciones e indicando los elementos que tendrá.

De la siguiente manera declaramos el arreglo, pero sin ninguna posición:

 var arreglo2 = new Array();

entonces para establecer un número de posiciones para el arreglo, seria:

 var arreglo2 = new Array(3);

Dentro de los paréntesis o mejor llamado constructor, se establece el número de elementos que puede contener este arreglo, a su vez, se podría indicar los elementos del arreglo:

 var arreglo2 = new Array("rojo", "azul", "verde");

Agregar Elementos

Para agregar elementos dentro de nuestro arreglo podemos usar las funciones Push y Unshift.

  • Push agrega un elemento al final del arreglo.
  • Unshift agrega un elemento al inicio del arreglo.

Ejemplos:
var Colores = ["rojo","verde"];


Colores.push["azul"];
["rojo","verde","azul"]

Colores.unshift["negro"];
["negro","rojo","verde","azul"]

Ordenar elementos

Para ordenar elementos tenemos la función Sort que ordena alfabéticamente elementos de tipo string y ordena de menor a mayor elementos de tipo entero.

También existe la función Reverse que invierte el orden del arreglo.

Colores.sort();
["azul","negro","rojo","verde"]

Colores.reverse();
["verde","rojo","negro","azul"]

Eliminar elementos 

Para eliminar elementos de nuestro arreglo tenemos las funciones Pop Shift.

  • Pop elimina el ultimo elemento del arreglo
  • Shift elimina el primer elemento del arreglo

Ejemplos:
var Colores = ["verde","rojo","negro","azul"]

Colores.pop();
["verde","rojo","negro"]

Colores.shift();
["rojo","negro","azul"]

See the Pen
Arreglos en js
by JHilarioOjeda (@jhilarioojeda)
on CodePen.