Objeto de matriz de JavaScript | TIEngranaje

En JavaScript, un objeto de matriz se puede usar para almacenar más de un valor en una sola variable. Crear una matriz es ligeramente diferente de crear una variable normal. Hay algunos métodos que se utilizan para crear matrices de JavaScript.

En este primer ejemplo, se crea una matriz usando el nuevo constructor, entonces cada uno de los miembros del Array se les asignan variables a través de un índice.

var myColors=new Array(); 
myColors[0]="Red";
myColors[1]="White";
myColors[2]="Blue";

En este ejemplo, el Array se construye y los valores se asignan en una instrucción.

var myColors=new Array("Red","White","Blue");

Puedes crear un Array con un número determinado de miembros, sin tener que asignar los valores. Si bien esto no se recomienda, el siguiente ejemplo crea un Array con 10 miembros vacíos.

var myColors=new Array(10);

En JavaScriptno se requiere el uso del nuevo constructor al crear matrices, como se muestra en este ejemplo.

var myColors=["Red","White","Blue"];

No necesita especificar cuántos miembros Array contendrá. JavaScript lo hará automáticamente aumentar el tamaño de la Array según sea necesario.

var myColors=[];

Creando un Array con corchetes en lugar de con el nuevo constructor evita confusiones donde solo desea inicializar un entero.

var myColors=[10];

Cómo usar matrices

Una vez que asigne valores a un Arraypuede acceder a los miembros de la matriz y modificar los valores también.

Tenga en cuenta que el primer índice en un Array es [0]por lo que si desea acceder al tercer miembro de la Arraypuede hacerlo de la siguiente manera:

document.write(myColors[2]);

Si desea modificar el valor de la primero miembro de Array lo harías de la siguiente manera:

myColors[0]="Yellow";

Propiedad de longitud de objeto de matriz

Todo Array los objetos tienen una propiedad de longitud. Este propiedad contiene el número de elementos en la matriz. La propiedad de longitud es conveniente para bucles.

Puede usar un bucle y un contador para comparar contra el número de miembros o incluso navegar a través de sus miembros recorriendo el índice.

for (var x=0; x<myArray.length; x++)

for (x = 0; x <= 10; x++) {
    myArray[x]="Some Value";
}

Métodos de objetos de matriz

Al igual que otros objetos de JavaScript, arreglos tiene métodos que puede usar. Aquí hay una lista de los Array métodos de objetos.

concat()

El concat El método se utiliza para unir múltiples matrices. Este método no cambia las matrices existentes, pero devuelve una nueva matriz que contiene los valores de las matrices unidas.

var myArrayA = [1,2,3];
var myArrayB = [4,5,6];
var myArrayC = [7,8,9];
var joined = myArray.concat(myArrayB,myArrayC);
document.write(joined);

índice de()

El indexOf El método buscará en la matriz hasta que coincida con sus criterios de búsqueda. Luego devolverá el índice donde se encontró el elemento.

var myArray = ["red","white","blue"];
document.write(myArray.indexOf("blue"));

unirse()

El join El método generará su Array como una cadena con un delimitador de su elección.

var myArray = [1,2,3,4,5,6];
var joined = myArray.join('* ');
document.write(joined+'');

últimoÍndiceDe()

El lastIndexOf es parecido a indexOfexcepto que busca de último a primero.

var myArray = ["red","white","blue"];
document.write(myArray.lastIndexOf("blue"));

estallido()

El pop El método elimina el último elemento de una matriz. Este método cambia la longitud de una matriz.

var myArray = ["red","white","blue"];
var myPop = myArray.pop();
document.write(myArray);

empujar()

El push El método agrega nuevos elementos al final de una matriz. Los nuevos elementos se agregarán al final de la matriz. Este método cambia la longitud de la matriz.

var myArray = ["red","white","blue"];
myArray.push("yellow");
document.write(myArray);

contrarrestar()

El reverse método invierte el orden de los miembros de la matriz.

var myArray = ["red","white","blue"];
myArray.reverse();
document.write(myArray);

cambio()

El shift El método elimina el primer elemento de una matriz. Este método cambia la longitud de una matriz.

var myArray = ["red","white","blue"];
myArray.shift();
document.write(myArray);

rebanada()

El slice El método devuelve los miembros seleccionados en una matriz, como un nuevo objeto de matriz. El slice El método requiere que especifique el índice inicial y final.

Sin embargo, el índice final no se incluye en la nueva matriz. La matriz original no se cambiará. Tenga en cuenta que el índice de la matriz comienza en cero.

var myArray = ["red","white","blue","yellow"];
var newArray = myArray.slice(1,3);
document.write(newArray);

clasificar()

El sort El método ordena los elementos de una matriz. El sort el orden puede ser alfabético o numérico, y ascendente o descendente. El orden de clasificación predeterminado es alfabético y ascendente.

Puede crear una función y aprobar el orden de clasificación como un parámetro en el método también.

var myArray = [1,5,9,4,2,3];

myArray.sort();
document.write(myArray);

document.write("<br />")

myArray.sort(sortMe);
document.write(myArray);

function sortMe(x,y){
    return y - x;
}

empalme()

El splice El método agrega o elimina elementos hacia y desde una matriz. Este método cambia la matriz original. En el siguiente ejemplo, primero usamos el splice método sin que se agreguen elementos adicionales.

Simplemente le estamos diciendo a JavaScript que se mueva a index[2] y quitar dos artículos. El siguiente método de empalme pasa a index[1]elimina cero elementos, luego agrega cadenas adicionales a la matriz.

var myArray = ["red","white","blue","yellow"];
myArray.splice(2,2);
myArray.splice(1,0,"black","green");
document.write(myArray);

Encadenar()

El toString El método convierte una matriz en una cadena y devuelve el resultado. La cadena devuelta separará los elementos de la matriz con comas.

var myArray = [1,2,3,4,5,6,7,8,9];
myArray.toString();
document.write(myArray);

anular desplazamiento()

El unshift El método agrega nuevos elementos al comienzo de una matriz. Este método cambia la longitud de una matriz.

var myArray = [1,2,3,4,5,6,7,8,9];
myArray.unshift("+",0);
document.write(myArray);

valor de()

El valueOf método devuelve el valor primitivo de una matriz.

var myArray = [1,2,3,4,5,6,7,8,9];
var newArray = myArray.valueOf();
document.write(newArray);

Siempre tenga en cuenta que JavaScript es distingue mayúsculas y minúsculas.