Javascript Basico

Creación de una matriz.

• var carros = [ “Sabb”, “Volvo”, “BMW” ];
• var carros = new Array( “Sabb”, “Volvo”, “BMW” );

Acceder a los elementos de la matriz.

• var carro1 = car[0];

Modificar elementos de la matriz.

• carro[0 ]= ”Nissan”;

Valores en una matriz.

Una matriz puede contener elementos tales como un simple valor como una cadena, un número, un objeto, una función incluso otra matriz.

• myArray[ 0 ] = Date.now;
• myArray[ 1 ] = myFunction;
• myArray[ 2 ] = myCars;

Las matrices como objetos.

La matrices son un tipo especial de objetos los cuales utilizan números para acceder a sus elementos, y un objeto utiliza nombres asociativos para acceder a sus elementos.

• var person = [ "John", "Doe", 46 ];
• var person = { firstName:"John", lastName:"Doe", age:46 };

Métodos de la matriz

1. Longitud de la matriz ( cuántos elementos contiene ).

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.length;

1. Ordenamiento de la matriz (Ordenar sus valores alfabéticamente).

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.sort();

1. Adición de nuevos valores a la matriz.

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.push("Lemon");

1. Devolver una matriz como una cadena:

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• document.getElementById("demo").innerHTML = fruits.valueOf();

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• document.getElementById("demo").innerHTML = fruits.toString();

• var fruits = ["Banana", "Orange","Apple", "Mango"];
• document.getElementById("demo").innerHTML = fruits.join(" * ");

En el método anterior se puede establecer el separador entre cada elemento de la matriz

1. Eliminar elementos de la matriz, en este método se eliminará el último elemento.

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.pop();

1. Agregar nuevos elementos a la matriz, este método agrega el elemento al final del último valor.

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.push("Kiwi");

1. Eliminar elementos de una matriz, en este caso se elimina el primer valor de la matriz.

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.shift();

1. Agregar nuevos elementos a la matriz, este método agrega el elemento como el primer valor de la matriz..

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.unshift("Kiwi");

1. Cambiar un elemento de la matriz.

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits[0] = "Kiwi";
• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits[fruits.length] = "Kiwi";

1. eliminar elementos de la matriz, en su lugar el valor de ese elemento sera indefinido

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• delete fruits[0];

1. Añadir nuevos elementos a la matriz en un lugar determinado.

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.splice(2, 0, "Lemon", "Kiwi");

• El primer parámetro (2) es la posición donde se añadirá el elemento
• El segundo parámetro (0) define el número de elementos debe ser removido .
• El resto de los parámetros ("Lemon", "Kiwi") define los nuevos elementos.

1. Eliminar uno de los valores con .splice

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.splice(0, 1);

• El primer parámetro (0) define la posición en la que deben ser nuevos elementos añadidos (empalmados in).
• El segundo parámetro (1) define el número de elementos debe ser removido .
• El resto de los parámetros se omiten. No se agregaron nuevos elementos.

1. Ordenar los valores que son cadenas en una matriz.

• var fruits = ["Banana", "Orange", "Apple", "Mango"];
• fruits.sort();

1. Ordenar los valores numéricos de una matriz.

ascendente

• var points = [40, 100, 1, 5, 25, 10];
• points.sort(function(a, b){return a-b});

descendente

• var points = [40, 100, 1, 5, 25, 10];
• points.sort(function(a, b){return b-a});

1. Encontrar el número más alto de entre todos los valores numéricos de un array.

• var points = [40, 100, 1, 5, 25, 10];
• points.sort(function(a, b){return b-a});
• document.getElementById("demo").innerHTML = points[0];

1. Encontrar el número más bajo de entre todos los valores numéricos de un array.

• var points = [40, 100, 1, 5, 25, 10];
• points.sort(function(a, b){return a-b});
• document.getElementById("demo").innerHTML = points[0];

1. Union de de dos o más matrices .

• var arr1 = ["Cecilie", "Lone"];
• var arr2 = ["Emil", "Tobias","Linus"];
• var arr3 = ["Robin", "Morgan"];
• var myChildren = arr1.concat(arr2, arr3);

1. Cortando una matriz.

• var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
• var citrus = fruits.slice(1, 3);

...