Conocimientos relacionados con la matriz JS
Aquí hay una explicación detallada del conocimiento relevante de la matriz y trata de expresarlo para que todos puedan verlo y entenderlo. Todos lo miran con atención y realmente lo operan. No es particularmente difícil de entender. No tenga miedo de ver la matriz. Siempre que lo entienda con cuidado y practique más, creo que podrá dominar muy bien el conocimiento de los arreglos. Hay muchos métodos en él. Debido al tiempo limitado, no los demostraré uno por uno. Puede probar más la función de cada método, escribir una nota y usarla más tarde cuando la necesite.
1. Introducción a la matriz:
matriz: es una colección de un conjunto de datos, cada dato de la matriz se denomina elemento. Los
elementos de la matriz pueden ser de cualquier tipo. Los diferentes elementos de la misma matriz pueden ser objetos o matrices (varios tipos de datos pueden usarse en js en la misma matriz)
1. Cada matriz tiene un atributo de longitud, que es el número de elementos de la matriz (longitud de la matriz)
2. Cada elemento de la matriz tiene una posición en la matriz, representada por un número, llamado índice (subíndice)
3. El índice comienza en 0, [0] representa los primeros datos, y así sucesivamente.
4. El índice más grande de la matriz es siempre 1 menos que la longitud de la matriz.
5. El tipo de datos de la matriz es un objeto, que en realidad es un objeto especial con índice numérico y atributo de longitud agregado.
2. Método de creación de la matriz: la longitud de la matriz se puede modificar mediante el nombre de la matriz. Longitud = valor (número), o puede asignarle directamente un valor de 0, lo que significa borrar la matriz.
1. La forma más común de crear una matriz implícitamente (se recomienda usar de esta manera)
var arr = ["小 q", "小 w", "小 e", "小 r"];
2. Creación de instancias directa, a través de function Array (), Array () puede dar un parámetro entre paréntesis para indicar la longitud de la matriz creada.
var arr = new Array ("q pequeña", "w pequeña", "e pequeña", "d pequeña");
3. Cree una matriz y asigne valores a los elementos de la matriz, y asigne valores
mediante el subíndice var arr = new Array ();
arr [0] = "q pequeña";
arr [1] = "w pequeña";
arr [2] = "e pequeña";
arr [3] = "r pequeña";
3. Modificación y adición de la matriz (agregando a través del subíndice de la matriz, lo más importante en la matriz, incluso si comprende el subíndice de la matriz. También se puede llamar índice)
a. Modificación de los datos en la matriz : utilice directamente el subíndice para reasignar los elementos de la matriz
.: Arr [2] = "Xiaoming";
b. Los datos de la matriz aumentan (es suficiente si el subíndice es mayor que la longitud original de la matriz)
Ejemplo: var arr = ["pequeña q", "pequeña w", "pequeña e", "pequeña d"];
La primera forma de agregar:
arr [4] = "r pequeña";
arr [5] = "t pequeña";
arr [6] = "y pequeña";
La segunda forma de agregar:
arr [longitud de arr.] = "K pequeña";
arr [longitud de arr.] = "Y pequeña";
4. Atravesar la matriz:
Debido a que se accede al valor de la matriz a través del subíndice, si queremos obtener el valor del elemento de la matriz, atravesamos la matriz y obtenemos el subíndice correspondiente para obtener el valor correspondiente.
Por ejemplo: una matriz existente: var arr = ["小 q", "小 w", "小 e", "小 d"];
第 一种 ： 普通 para
para (var i = 0; i <4; i ++) { document.write (arr [i] + " "); }
El segundo tipo: un bucle for usando la longitud de la matriz (porque la matriz tiene cuatro elementos en este momento, entonces arr.length = 4)
for (var i = 0; i <arr.length; i ++) { document.write (arr [i] + " "); }
El tercer tipo: optimizado para bucle
var len = arr.length;
for (var i = 0; i <len; i ++) { document.write (arr [i] + " "); }
El cuarto tipo: recorrido for-in, usando subíndices
. Hay muchas personas que lo usan, y la eficiencia de todos los métodos de recorrido es la más baja (si la cantidad de datos es relativamente pequeña, este método es bueno)
para (i in arr ) { document.write (arr [i] + " "); }
El quinto tipo: for-of traversal (ES6), usando datos, for-of traversal es más eficiente que el recorrido for-in, pero más bajo que los bucles
for ordinarios para (valor de arr) { document.write (value + "); }
5. Ejemplo de matriz: Encuentre los valores máximo y mínimo (puede intentar encontrar el promedio de la matriz, la suma y la salida en orden inverso, siempre que haga un buen uso de los subíndices de la matriz, estos se pueden implementar muy simplemente) El
código es el siguiente:
6. Matriz bidimensional: de hecho, una matriz bidimensional también es una matriz, pero la matriz unidimensional original contiene un solo elemento, y la matriz bidimensional contiene una matriz, que es equivalente a una tabla en el forma de matrices anidadas.
1. El establecimiento de una matriz bidimensional:
var arr = [[27,54,66], [62,55,75], [91,25,36],];
Cruce de matrices bidimensionales:
7. Métodos de uso común en matrices: (énfasis en el dominio)
1. Nombre de matriz .join (); un parámetro (separador) se puede colocar entre corchetes, y el valor predeterminado es una coma si es no escrito.
Convierta el elemento de la matriz en una cadena, la matriz original se conservará.
2. Array.from () convierte una pseudo-matriz en una matriz, siempre que tenga un atributo de longitud, se puede convertir en una matriz. Los parámetros entre paréntesis pueden ser parámetros que deben convertirse en una matriz, como pasar una cuerda.
3.sort () se utiliza para ordenar los elementos de la matriz (de pequeños a grandes).
Uso: array
name.sort (); 4.pop (); el método elimina el último elemento del final de la matriz, reduce el valor de longitud de la matriz y luego devuelve el elemento eliminado, que modificará directamente la matriz original en su lugar de crear una nueva matriz.
Uso: nombre de
matriz.pop (); 5.push () se usa para agregar uno o más elementos al final de la matriz y devolver la longitud de la matriz modificada (tipo numérico), que modificará directamente la matriz original en su lugar de crear uno nuevo La matriz.
Uso: array
name.push (); 6.shift () Elimina el primer elemento al comienzo de la matriz, reduce el valor de longitud de la matriz y luego devuelve el elemento eliminado, que modificará directamente la matriz original en lugar de crear una nueva matriz.
Uso: array name.shift ();
7.unshift () se usa para agregar uno o más elementos al principio de la matriz y devolver la longitud de la matriz modificada (tipo numérico), que modificará directamente la matriz original en lugar de creando uno nuevo La matriz.
Sintaxis: array name.unshift ();
8.splice (): eliminar, insertar, reemplazar e interceptar. Modificará directamente la matriz original
1. Eliminar: se puede eliminar cualquier número de elementos, y es necesario especificar 2 parámetros: la posición del primer elemento que se eliminará y el número de elementos que se eliminarán.
2. Insertar: puede insertar cualquier número de elementos en la posición especificada, y debe proporcionar al menos 3 parámetros: 1. Posición de inicio, 2. (Número de elementos a eliminar 0) y elementos a insertar (puede ser más de uno).
Ejemplo:
9.slice (): intercepta la matriz o los elementos de cadena del subíndice especificado. Tanto la matriz como la cadena son válidas, y la matriz o cadena original no se modificará.
Sintaxis: segmento (subíndice inicial, subíndice final);
si no se especifica el subíndice final, todos los elementos desde el subíndice inicial hasta el final de la matriz será seleccionado y
devuelto Una nueva matriz o cadena que contiene desde el índice inicial hasta el índice final (sin incluir el índice final).
Se pueden usar valores negativos para seleccionar elementos desde el final de la matriz (de izquierda a derecha)
10.indexOf () Encuentra el índice del elemento especificado, busca de adelante hacia atrás.
Si hay duplicados, devuelve el primer índice encontrado. Si no, devuelve -1.
Uso: nombre de matriz.indexOf (); El parámetro entre paréntesis es el elemento a buscar.
11.lastIndexOf () Encuentra el índice del elemento especificado, busca de atrás hacia adelante.
Si hay duplicados, devuelve el primer índice encontrado.
Si no, devuelve -1.
Uso: array name.lastIndexOf (); corchetes El parámetro dentro es el elemento a buscar.
12. El método concat () de fusionar matrices se utiliza para conectar dos o más matrices.
Este método primero creará una copia de la matriz actual, sin cambiar la matriz original, y devolverá una nueva matriz.
Uso: nombre de matriz 1. Fusionar concat (matriz que debe fusionarse);
uso del tipo de datos 12set
Es similar a una matriz, pero los valores de los miembros son únicos y no hay ningún valor duplicado.
Defina una matriz: var arrOne = [5,1,5,2,1,3];
1. matriz para establecer
setarr var = nuevo Conjunto (Arrone); Return [1,2,3]
2. Set de matriz El
primer método:
var arrTwo = Array.from (setarr); Return [1,2,3]
La segundo método:
var arrThree = [… setarr]; devuelve [1,2,3]
3.has () determina si un valor se
devuelve en el conjunto como un valor booleano, que es verdadero si no es falso
Uso: tipo de datos del conjunto nombre de variable.has (valor a juzgar);
Por supuesto, el conocimiento aquí no es particularmente completo, pero cuando aprendemos un lenguaje de programación, no tenemos que dominar todos los métodos, porque hay demasiados métodos y conocimientos que no podemos recordar tanto, debemos cumplir uso de Baidu en este momento.Cuando necesitamos esta función, buscamos los puntos de conocimiento correspondientes, porque tenemos una base, también es muy fácil de entender.