Jquery - Arrays

Los arrays o vectores son un tipo de datos muy importantes y muy utilizados, ya que puedes una cantidad de datos muy amplia, y además permite que sea de diferentes datos, incluso que un tipo de dato del array sea otro array.

Veamos un ejemplo:

//array en javascript

//declaración literal
var myArray = [ 'hola', 'mundo', 'foo', 'bar' ];

//declaración con constructor
var myArray1 = new Array( 'hola', 'mundo', 'foo', 'bar' );

Acabamos de ver como se crearía un array con datos, pero a veces necesitamos que se vayan introduciendo datos en nuestro array de forma dinámica.

// Creando un array
var myArray = [];
 
// agrega "hello" en el index 0
myArray.push( "hello" );
 
// agrega "world" en el index 1
myArray.push( "world" );
 
//tambien podemos indicar el índice donde queremos que guarde el dato
myArray[ 2 ] = "!";

Cuando utilizamos la función push no controlamos la posición en la que se guardan los datos, pero a veces nos interesa tener el control sobre los datos y sus posiciones.

//indicando los indices
var myArray = [];

myArray[ 0 ] = "hello";
myArray[ 1 ] = "world";
myArray[ 3 ] = "!";

console.log( myArray ); // [ "hello", "world", undefined, "!" ];

Métodos y propiedades

Length

// longitud del array
 
var myArray = [ "hello", "world", "!" ];
 
console.log( myArray.length ); // 3

Concat

//concatenar arrays
var myArray = [ 2, 3, 4 ];
var myOtherArray = [ 5, 6, 7 ];
var wholeArray = myArray.concat( myOtherArray ); // [ 2, 3, 4, 5, 6, 7 ]

Join

// Uniendo elementos
 
var myArray = [ "hello", "world", "!" ];
 
// El separador por defecto es la coma
console.log( myArray.join() );     // "hello,world,!"
 
// Utilizando diferentes separadores
console.log( myArray.join( " " ) );  // "hello world !";
console.log( myArray.join( "!!" ) ); // "hello!!world!!!";
 
// sin separador
console.log( myArray.join( "" ) );   // "helloworld!"

Pop

// Añadir y eliminar
 
var myArray = [];
 
myArray.push( 0 ); // [ 0 ]
myArray.push( 2 ); // [ 0 , 2 ]
myArray.push( 7 ); // [ 0 , 2 , 7 ]
myArray.pop();     // [ 0 , 2 ]

Reserve

var myArray = [ "world" , "hello" ];
myArray.reverse(); // [ "hello", "world" ]

Sort

var myArray = [ 3, 4, 6, 1 ];
 
myArray.sort(); // 1, 3, 4, 6

Unshift

var myArray = [];
 
myArray.unshift( 0 ); // [ 0 ]
myArray.unshift( 2 ); // [ 2 , 0 ]
myArray.unshift( 7 ); // [ 7 , 2 , 0 ]

ForEach

// Native .forEach()
 
function printElement( elem ) {
    console.log( elem );
}
 
function printElementAndIndex( elem, index ) {
    console.log( "Index " + index + ": " + elem );
}
 
function negateElement( elem, index, array ) {
    array[ index ] = -elem;
}
 
myArray = [ 1, 2, 3, 4, 5 ];
 
// Prints all elements to the console
myArray.forEach( printElement );
 
// Prints "Index 0: 1", "Index 1: 2", "Index 2: 3", ...
myArray.forEach( printElementAndIndex );
 
// myArray is now [ -1, -2, -3, -4, -5 ]
myArray.forEach( negateElement );

Related Posts

• 
  Jquery - Selección de Elementos
• 
  Jquery - Funciones
• 
  Jquery - Objectos
• 
  Codeigniter - AutoComplete Jquery