Arrays en javascript

Arrays en javascript

Formas de crear un Array

Existen dos formas de crear un Array y son las siguientes:

• Mediante objetos
• Mediante variables

La primera forma, mediante objetos nos permite crear un array:

var nombres =  new Array();

 

Para establecer un número de posiciones para un array, seria:

var nombres = new Array(10);

 

Como hemos visto dentro de los paréntesis o mejor llamado constructor, se establece el número de elementos que puede contener este array

Tambien podemos indicar los elementos del array:

 

var nombres = new Array("Juan", "Luis", "Pedro");

 

Así hemos fijado tres elementos en el array. 

Veamos la segunda forma de crear un array, que es a través una variable:

 

var nombres = ["Juan", "Luis", "Pedro"] ;

 

Acabamos de crear un array con tres datos string. En el caso de  un array vacío sería: 

 

var nombres = [];

 

Intentamos evitar:

 

var valores = [1,2 , ];

 

Acceder a los elementos de un Array

Forma de acceder a los elementos del array

Tenemos al siguiente array:

 

var nombres = ["Juan", "Luis", "Pedro"] ;

nombre[0];

"Luis"

 

El array nos muestrara Juan en la posicion 0, Luis en la posicion 1, y Pedro en la posicion 2

 

Métodos en los Arrays

Tenemos los siguientes metodos:

•  lenght
•  toString()
•  stack
•  push
•  pop
•  unshift()

 

Método length

Nos da el numero de elementos del array:

 

nombre.length;

Método toString();

Nos mostrará todo el array en una cadena, cada elemento separados por comas

nombres.toString();

Métodos Stack

Un array se puede utilizar como una pila, que te permite en un grupo de datos apilar y desapilar estos.                                           

A esta pila se conoce como el tipo LIFO( Last in, First out) , el ultimo que entra es el primero que sale, tenemos dos metodos:

• Metodo push
• Metodo pop

Método push en Array

Inserta en un array un elemento a partir de la ultima posicion del vector

 

 var nombres = ["Juan", "Luis", "Pedro"];

 nombres.push('Antonio');

["Juan", "Luis", "Pedro", "Antonio"];

Método pop en Array

Este método permite eliminar el último elemento del array

 

var nombres = ["Juan", "Luis", "Pedro"];

 nombres.pop('Pedro');

["Juan", "Luis"];

Metodo unshift() en Array

Este metodo permite insertar un elemento al principio del arreglo

var nombres = ["Juan", "Luis", "Pedro"];

 nombres.unshift('Antonio);

["Antonio","Juan", "Luis","Pedro"];

Otros metodos en los Arrays

• Shift
• Unshift
• Reverse
• Sort
• Slice

Metodo Shift

 Nos permite obtener el primer elemento de un array, como lo veremos a continuación:

 

nombres.shift();

 

Nos devuelve el string “Juan”.

Metodo Unshift

Nos permite agregar elementos al principio del array

 

nombres.unshift(“Antonio”); 

[“Antonio”, “Juan”, “Luis”, “Pedro”]

Metodo Reverse

Invierte los elementos del array

 

[“Antonio”, “Juan”, “Luis”, “Pedro”]

nombres.reverse();   

[“Pedro”, “Luis”, “Juan”, “Antonio”]

Metodo Sort

Ordena los elementos del array por orden alfabetico

[“Antonio”, “Pedro”, “Luis”, “Maria”]

 nombres.sort();      

 [“Antonio”, “Luis”, “Maria”, “Pedro”]

Metodo Slice

Nos devuelve elementos contenidos dentro de un rango de posiciones del array

[“Antonio”, “Pedro”, “Luis”, “Maria”]

nombres.slice(1,2);

[“Pedro”];

[“Antonio”, “Pedro”, “Luis”, “Maria”]

nombres.slice(1,3);

[“Pedro”,”luis”];

[“Antonio”, “Pedro”, “Luis”, “Maria”]

nombres.slice(2);

[“Luis”,”Maria”];

Metodo Splice

Cambia el contenido de un array removiendo elementos existentes y/o agregando nuevos elementos 

Supresion

splice(start,numeroElementosAeliminar)

[“Antonio”, “Pedro”, “Luis”, “Maria”]

nombres.splice(1,2);  elimina a “Pedro” y ”Luis”

[“Antonio”,”Maria”];

Insercion

Se puede insertar elementos en el array en una posición específica, proporcionando tres argumentos: la posición donde se desea agregar elementos, el número de elementos a  eliminar y el elemento a insertar

 

[“Antonio”, “Pedro”, “Luis”, “Maria”]

nombres.splice(1,2,”Jaime”);  elimina a “Pedro” y ”Luis” e inserta a “Jaime”

[“Antonio”,”Maria”];