Objeto de matriz (objeto de matriz) en JavaScript

Autor：Eve Cole Fecha de actualización：2025-08-07 09:00:04

1. Cree un método de objeto de matriz:

---> var arr = [1,2,3]; // método de definición simple

Puedes saber ahora

 arr [0] == 1; arr [1] == 2; arr [2] == 3; ---> new Array (); var arr = new Array (); // Defina un objeto de matriz con nada, y luego asignarle un valor de la siguiente manera Arr [0] = "arr0"; arr [1] = "arr1"; arr [2] = "arr2"; ----> new array); // y luego asigne un valor de la siguiente manera (el método de asignación es el mismo que el anterior) var arrr = new Array (3); arr [0] = "arr0"; arr [1] = "arr1"; arr [2] = "arr2"; ---> new array (element0, element1, ..., elementn); // definir directamente el contenido de arry var arry = new array ("arr0", "arr1", "Arr2" Arr2 ");

Puedes saber en este momento:

 arr [0] == "arr0"; arr [1] == "arr1"; arr [2] == "arr2";

2. Propiedades del objeto de matriz

Hay tres propiedades comunes en la matriz: constructor, longitud y prototipo

---> El constructor, como su nombre indica, es un constructor, es decir, cuál es el objeto compuesto y, en un sentido más común, es el tipo de este objeto, vea el siguiente ejemplo

 var arr = new Array (3); if (arr.Constructor == Array) {document.write ("Esta es una matriz");} if (test.Constructor == boolean) {document.write ("Esto es un boolean");} if (test.Constructor == fecha) {document.write ("Esto es una fecha");} (test.constructor == string) {document.write ("Esta es una cadena");}

La salida anterior es: esta es una matriz

 ---> longitud, es decir, la longitud de la matriz var arr = nueva matriz (3); document.write (arr.length); // El resultado de la salida es 3

Tenga en cuenta que en JavaScript, las propiedades del objeto de matriz se pueden modificar.

por lo tanto:

 arr.length = 5; document.write (arr.length); // El resultado de la salida es 5 ---> prototipo, que le brinda la capacidad de agregar propiedades y métodos al objeto. función myArray (nombre, edad) // Defina una clase. Esta clase actualmente tiene dos atributos {this.name = name; this.age = age;} var myarr = new MyArray ("John", 25); myArray.prototype.test = null; // Agregar una propiedad para la clase myArray myarr.test = "test"; alerta (myarr.test); // Test output test

3. Concat () Método ---> Conectar dos o más matrices

Tiene dos formas de usarlo:

---> Conectar los datos reales

ejemplo:

 var arr = new Array (1,2,3); alerta (arr.concat (4,5)); // Salida 1,2,3,4,5

---> Conectar dos o más matrices

 var arr1 = new Array (1,2,3); var arr2 = [4,5]; var arr3 = new Array ("Jone", "John"); alerta (arr1.concat (arr2, arr3)); // Salida 1,2,3,4,5, Jone, John

4. Método unirse () ---> Los elementos en la matriz se colocan en una cadena

Puede tener parámetros o no parámetros, y los parámetros representan la forma de segmentar la cadena generada

 ---> sin parámetro var arr = new array ("jone", "grrgy", "John"); alert (arr.Join ()); // output jone, grrgy, John en el medio de la cadena está separado por,> el parámetro var arr = new array ("jone", "grrgy", "John"); alerta (aler.JoJer (""); está separado por parámetros

5. El método pop () se usa para eliminar y devolver el último elemento de la matriz (antes de la eliminación)

 var arr = new Array ("Jone", "John", "Grrgy"); document.write (arr.pop ()); // contenido de salida: grrgyDocument.write (arr.join ("-")); // salida: jone-john

6. El método Push () se usa para agregar un elemento a la última matriz y devolver la longitud de la matriz (después de agregar)

Si el parámetro en push () está vacío (no se llena), se devolverá la longitud original de la matriz y no se realizarán modificaciones en la matriz.

ejemplo:

 var arr = ["jone", "John", "grrgy"]; document.write (arr.push ("tom")); // salida: 4 (longitud) document.write (arr.join ()); // Salida: Jone, John, Grrgy, Tom

7. Reverse () reverse () invierte el orden de elementos en la matriz sin parámetros

ejemplo:

 var arr = ["jone", "John", "grrgy"]; document.write (arr.reverse ()); // grrgy, John, Jone

8. Shift () Elimina y devuelve el primer elemento de la matriz (antes de la eliminación)

 var arr = ["jone", "John", "grrgy"]; document.write (arr.shift ()); // salida: jonedocument.write (arr.join ()); // salida: jone, John

9. Slice () Devuelve el elemento especificado de la matriz especificada. Nota: Devuelve una matriz

Tiene dos parámetros, inicio y fin.

Se requiere inicio, especificando la ubicación del elemento inicial

El final es opcional, especifique la posición del elemento final. Si no se escribe, se considera que está al final de la matriz.

ejemplo:

 var arr = ["Jone", "John", "Grrgy", "Tom", "Hell"]; var test = arr.slice (1); if (test.Constructor == array) {document.write ("Esta es una matriz <br>"); document.write (test.join ());}

La salida del resultado final:

Esta es una matriz

John Grrgy Tom Hell

Si cambia var test = arr.slice (1) a:

 var test = arr.slice (1,2);

La salida del resultado es:

John

10. Sort () clasifica los elementos de una matriz, un método muy importante

Puede tener parámetros, el parámetro es una función (), que especifica las reglas de pedido,

Tenga en cuenta que genera una copia de la matriz original y no generará una nueva matriz, es decir, se modificará en función de la matriz original.

Si no se agregan parámetros, será seguido por el método de clasificación incorporado en JavaScript, orden alfabético

ejemplo:

 var arr = ["jone", "John", "grrgy", "tom", "infierno"]; document.write (arr.sort ()); document.write ("<br>"); document.write (arr);

El resultado de la salida es:

Grrgy, Hell, John, Jone, Tom

A continuación se ordena por tamaño de número

 función sortNumber (a, b) // función que define las reglas de clasificación {if (a> b) {return 1;} else if (a <b) {return -1;} else {return 0;}} var arr = new array (1,2000,3,400); document.write (arr.sort (sortnumber); // solo escriba el nombre de la función aquí el nombre de la función aquí document.write ("<br>"); document.write (arr);

Producción:

1,3,400,2000

11. Splice () elimina los elementos y agrega elementos a la matriz

Splice (índice, HowMany, Element1, Element2 ...... Elementx) se explica de la siguiente manera:

Se requiere un índice, especificando dónde se agregan/eliminan los elementos. Este parámetro es el subíndice del elemento de matriz que comienza a insertarse y/o eliminarse y debe ser un número.

Howmany se requiere. Especifica cuántos elementos deben eliminarse. Debe ser un número, pero puede ser "0". Si no se especifica este parámetro, se eliminan todos los elementos desde el índice hasta el final de la matriz original.

Cuando cómo es 0, significa que no se eliminan elementos, lo que significa que solo agregar

Element1 es opcional, especificando el nuevo elemento que se agregará a la matriz. Comience a insertar desde el subíndice indicado por índice, se puede insertar múltiples

La diferencia entre Splice () y SLICE () es que Splice () es un procesamiento de la matriz original. Modifica el valor de la matriz original y devuelve una matriz.

Splice () es equivalente a reemplazar un elemento en la matriz, o insertarlo o eliminarlo.

Vea los siguientes tres ejemplos:

 ---> Insertar solo var arr = new Array (6); arr [0] = "George"; arr [1] = "John"; arr [2] = "Thomas"; arr [3] = "james"; arr [4] = "adrew"; arr [5] = "martin"; document.write (arr + "<br />")arr.splice(2,0,0, promedio" v. /> ");

Resultado de salida:

George, John, Thomas, James, Adrew, Martin

George, John, William, Thomas, James, Adrew, Martin

William se inserta en la posición 2

 ---> Eliminar solo var arr = new Array (6); arr [0] = "George"; arr [1] = "John"; arr [2] = "Thomas"; arr [3] = "james"; arr [4] = "adrew"; arr [5] = "martin"; document.write (—R + "<Br />)

Resultado de salida:

George, John, Thomas, James, Adrew, Martin

George, John, James, Adrew, Martin

Eliminó el elemento en la posición 2 de matriz original

 ---> Eliminar y agregar (equivalente a reemplazar) var arr = new Array (6); arr [0] = "George"; arr [1] = "John"; arr [2] = "Thomas"; arr [3] = "james"; arr [4] = "adrew"; arr [5] = "martin"; document.write (arr + "<brin />");arr.splice(2,1,"william") ;document.write(arr + "<r />");

Resultado de salida:

George, John, Thomas, James, Adrew, Martin

George, John, William, James, Adrew, Martin

Reemplace el Thomas original con William

12. ToSource () Devuelve el código fuente del objeto. Este método generalmente se llama automáticamente en el fondo de JavaScript y rara vez se usa en primer plano.

Y este método no se puede implementar en el navegador IE, por ejemplo: en Firefox

 var myarr = new Array ('lisi', 25); document.write (myarr.toSource ());

El resultado de la salida es:

["Lisi", 25]

Si redefine una clase, puede mostrar el nombre del atributo, por ejemplo:

 function myArray (nombre, edad) {this.name = name; this.age = age;} var myarr = new MyArray ('lisi', 25); document.write (myarr.toSource ());

El resultado de la salida es:

({nombre: "Lisi", edad: 25})

Un poco similar a los datos de tipo JSON, pero es solo similar. No es un formato de tipo de datos JSON

13. ToString (), la matriz se devuelve a una cadena, que es la misma que el resultado de la implementación de unión (), pero el método unión () puede personalizar los símbolos de intervalo.

Pero ToString () no se puede usar, solo se puede separar por, por ejemplo:

 var myarr = new Array ('Jone', 'John', 'Tom'); document.write (myarr.join ('.')); document.write ('<br>'); document.write (myarr.join (',',)); document.write ('<br>'); document.write (myarr.toString ());

El resultado de la salida es:

Jone.john.tom

Jone, John, Tom

Se puede ver que los resultados de los últimos tres métodos son los mismos

14. Unchift (), puede agregar uno o más elementos al comienzo de la matriz y devolver la nueva longitud de la matriz, y la matriz original cambiará.

Unchift (Element1, Element2, Element3 ......), al menos un elemento, ejemplo:

 var myarr = new Array ('Jone', 'John', 'Tom'); var longitud = myarr.unshift ('zhangsan', 'lisi'); document.write (myarr); document.write ('<br>'); document.write (longitud);

El resultado de la salida es:

Zhangsan, Lisi, Jone, John, Tom

Lo anterior es el conocimiento relevante sobre los objetos de matriz (objetos de matriz) en JavaScript presentado por el editor. ¡Espero que sea útil para todos!