Análisis de métodos comunes de matrices en JavaScript

Prefacio

La matriz es una parte importante de JavaScript. Se puede usar para almacenar cadenas, objetos, funciones y números. Es muy poderoso. Por lo tanto, una comprensión profunda de la matriz es una tarea frontal obligatoria. Es viernes, y el corazón del blogger está empezando a aumentar de nuevo. ¿Hay algún fin de semana mañana? Puedo divertirme de nuevo.

Crear una matriz

Hay dos formas básicas de crear matrices, una es literal y la otra se crea utilizando constructores:

var arr = [1,2,3]; // Crear valores de matriz en forma de literales y están separados por comas inglesas

 var arr = [1,2,3]; // crear valores de matriz en forma de literales y están separados por comas inglesas var arr1 = nueva matriz (1,2,3); // El constructor crea una matriz para crear un objeto de matriz a través del nuevo operador // Además, también puede omitir el nuevo operador, aunque no se recomienda hacerlo la mayor parte del tiempo. var arr1 = array (1,2,3); Omita el nuevo operador para crear un objeto de matriz. Esta sintaxis es muy similar a PHP, pero su clave no se puede especificar en JavaScript.

Índice de matriz: pares de valores clave

Tomando literales como ejemplo, cada elemento de matriz tiene una clave correspondiente, que también se puede llamar [subíndice] y [índice]. La clave predeterminada en JavaScript comienza desde 0 y determina su nombre de clave según la posición del elemento de la matriz. El valor del elemento de la matriz se consulta a través del nombre de la clave. La sintaxis general es una matriz [i]:

 var sarr = ["Hello", "Java", "Script"]; // Los nombres de clave correspondientes son 0, 1, 2 console.log (Sarr [0]); //Hola

Imprima las matrices en la consola de Firefox, y puede ver claramente su relación correspondiente en la consola:

En el lado derecho de la consola, la relación lógica entre claves y valores se enumera de una manera muy intuitiva. 0 corresponde a Hello, 1 corresponde a Java y 2 corresponde al script. Más comúnmente, el recuento de matriz de JavaScript comienza desde 0 [0-1-2] == [1-2-3] El primero es hola, el segundo es Java, y el tercero es el script;

Cada matriz tiene una longitud, ningún valor es 0 y se obtiene a través del método de matriz. La longitud de la figura anterior es 3, que se puede ver claramente en el lado derecho de la consola. Además, se introduce un pequeño truco. La mayoría de las listas de atributos enumeradas en la consola de la consola de Firefox son directamente accesibles. Puede acceder a él a través del número [array.length] o acceder [matriz ['longitud']] a través de la forma de una clave;

La propiedad de longitud de una matriz es muy distintiva ----- No es de solo lectura. Por lo tanto, al configurar esta propiedad, puede eliminar elementos del final de la matriz o agregar nuevos elementos a la matriz, Chestnut:

 var colores = ['rojo', 'azul', 'verde']; // Cree una matriz de 3 cadenas

Shangli eliminó el último elemento 'verde' de la matriz y también se puede agregar:

 var colores = ['rojo', 'azul', 'verde']; // Cree una matriz de 3 cuerdas colores [colores.length] = 'negro'; // La longitud inicial de los colores es 3. Este código es equivalente a los colores [3] = 'negro'; alerta (colores [3]); // negro

Consejos 1:

Entonces, la pregunta es que a veces mis amigos de repente olvidan un cierto nombre de atributo mientras tocan. ¿Qué tengo que hacer?

Imprimirlo en la consola de Firefox, mire sus propiedades, tome el objeto de ubicación como un ejemplo de consola.log (ubicación):

console.log (ubicación);

Después de obtener esto, ¿es mucho más fácil para nosotros obtener un cierto valor? Por ejemplo, si obtiene la dirección de URL actual [ubicación.href], obtenga el nombre de dominio [ubicación.hostname], etc., o si desea obtener el método en Windows, este es lo mismo, lo cual es muy conveniente;

Pila de matriz

¿Qué es una pila de matriz? Significa que las matrices se pueden expresar como pilas (sin sentido), entonces, ¿qué es la pila?

La comprensión en el código es que la pila es una estructura de datos que puede restringir la inserción y eliminación de elementos. La pila es un LIFO (último en primera salida, en primer lugar), es decir, el último elemento agregado se elimina primero, y el elemento agregado más temprano está en la parte inferior de la pila. Ver la imagen:

Similar a los bloques de construcción, los bloques de construcción a continuación siempre se pueden obtener al final. Si se coloca en un nuevo lugar, se forma una [pila].

Sácalo en la pila de matrices y llámalo [pop] y póngalo y llámalo [Push]

Hay dos métodos en la matriz de JavaScript [pop ()] [Pushing is Push ()]

 var sarr = ["Hello", "Java", "Script"]; Sarr.Push ("Black"); // Tire de un BlackConsole.log (Sarr [3]) // BlackConsole.log (Sarr.Pop () // Black // Pop Black Console (Sarr [3]); // Se ha explotado el upbrey up up up Arriz 3 Does no existe no existe el ítem 3 no existen.

cola

La regla de acceso para los datos de la pila es LIFO (primero adentro y luego fuera), mientras que la regla de acceso para la estructura de datos de cola es de Fif0 (primero en, primero fuera). Las colas a menudo se usan para recorrer matrices y operar continuamente en matrices; Los métodos de cola usan Shift () para emitir elementos avanzados de matrices, es decir, elementos con subíndices de 0.

 var sarr = ["hola", "java", "script"]; console.log (sarr.shift ()); // Hello // Shift es similar al método POP. El pop aparece desde el final de la matriz y el cambio es desde el comienzo de la consola de matriz.log (Sarr [0]); // Java Hello ha sido aparecido

Use el método de cambio para formar una cola:

 var sarr = ["Hello", "Java", "Script"]; var Alf = sarr.shift (); // Saque el primer elemento sarr.push (Alf); // insertar en console.log (sarr); // ['java', 'script', 'hello']

A través del temporizador SetInterval, podemos recorrer continuamente cada elemento de matriz. La publicación del blog anterior ha sido explicada. "Portal SetTimeout y SetInterval Timer y Asynchronous Loop Array.

 setInterval (function () {console.log (sarr [0]); // Imprima el primer elemento var Alf = sarr.hift (); // saque el primer elemento sarr.push (Alf); // Inserte al final de la matriz}, 1000);

Shangli seguirá imprimiendo hello java script

Sabemos que las matrices pueden almacenar valores de cualquier tipo. Por lo tanto, colocamos las funciones que deben ejecutarse en un bucle en la matriz y luego usamos el método de cola para ejecutarlo continuamente, y luego podemos recorrer los métodos en la cola:

 function hello () {console.log ("hello");} function java () {console.log ("java");} function script () {console.log ("script");} var sarr = [hello, java, script]; setInterval (function () {var alf = sarr.shift (); // saca el primer ítem el primer elemento sarr.push (ALF); ALF (); // Ejecutar método}, 1000);

También puede imprimir bucles de guiones Hello Java, pero es más poderoso

Resumen de los métodos comunes de matrices

1. Ordenar

Ya hay dos métodos en la matriz de JavaScript que se pueden usar directamente para reordenar: reverse () y sort ().

Reverse () reorganiza el flashback de la matriz:

 var sarr = [1,2,3,4,5,6]; console.log (sarr.reverse ()); // 6,5,4,3,2,1

También hay una clasificación de método más poderosa ()

La clasificación predeterminada () reordena la matriz en orden ascendente. Cabe señalar que el tipo llamará al método toString () de cada elemento, por lo que el tamaño real de clasificación se basa en cadenas:

 var sarr = [6,2,2,4,5,6]; console.log (sarr.sort ()); // 2,2,4,5,6,6 orden ascendente var sarr = [6,2,2,11,4,5,6]; console.log (sarr.sort ()); // 11,2,2,4,5,6,6

El tamaño de comparación real de clasificación es una cadena. El método de comparación de la cadena es generalmente comparar el primer carácter en el personaje, por lo que '11' <2 'a' <'b'

Sort también puede pasar una función como un parámetro, que puede redefinir el método de clasificación de la matriz:

 función compare (val1, val2) {// clasificar pasa dos parámetros el valor 1 y el valor 2if (val1 <val2) {// Cuando el valor 1 es menor que el valor 2 return -1 significa el valor de mudanza 1 hacia adelante por una posición return -1; } else if (val1> val2) {return 1;} else {return 0;}} var sarr = [6,2,2,11,4,5,6]; console.log (sarr.sort (compare)); // [2, 2, 4, 5, 6, 6, 11] Comparamos en la función y el resultado final es normal

Si [Val1 <Val2] devuelve 1 más que return -1, podemos organizarlo en un flash; También podemos especificar su método de clasificación nosotros mismos;

2. Matriz de operando

① Copie una matriz y guarde (clon) El método concat () puede crear una nueva matriz basada en todos los elementos en la matriz actual. Al pasar los parámetros, agregará los parámetros al final de la matriz juntos.

 var sarr = ["Hello", "Java", "Script"]; var farr = sarr.concat ("!"); console.log (farr); // ["hola", "java", "script", ",", ",", ","! " ]

② Slice () Puede crear una nueva matriz basada en uno o más elementos en la matriz actual. Puede aceptar 1 o dos parámetros, es decir, las posiciones iniciales y finales del elemento para copiar. Solo un parámetro tiene la posición final predeterminada al final de la matriz, por lo que también puede clonar una matriz;

 var sarr = ["Hello", "java", "script"]; var farr = sarr.slice (0); console.log (farr); // ["hello", "java", "script"] var farr = sarr.slice (0,1) console.log (farr); // Take out 0-1 and Crear una copia // ["Hola"]]]]

Resumir

Las matrices son una parte muy importante en JavaScript. Aprenderlo bien puede simplificar el código en el trabajo. Muchas veces, puede intentar ponerlos en una matriz y realizar una serie de operaciones a través del método de matriz. La publicación del blog tiene una longitud limitada, pero no hay límite para el aprendizaje. ¡Espero que todos puedan aprender felizmente y dominar su desarrollo frontal más rápido!

Lo anterior es un análisis de métodos comunes de matrices en JavaScript presentados por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!