Compartir técnicas de operación práctica para la matriz en JavaScript

1. Acerca de la matriz

La creación de matriz es muy flexible. Puede usar el constructor de matriz o crear una matriz "literal" directamente.

 var arr = new Array (); // [] var brr = array (); // [] Los dos son equivalentes a var arr = array (3); //+font>arr.length; // 3 matriz vacía de longitud 3 var arr = array (22,33, 'qq', {}); // [22, 33, "qq", objeto] var brr = [22,33, 'qq', {}]; // Igual que el anterior

Array es un objeto incorporado para JavaScript. Sí, aunque es una matriz, ¡también es un objeto! !

¡Use TypeOf para juzgar devolverá un objeto! Array.isArray puede determinar con mayor precisión su tipo.

 var a = []; typeOf a; //ObyectArray.IsArray(a); //verdadero

2. Métodos comunes

Método Push ()

¡El método push puede agregar uno o más elementos al final de la matriz y devolver la longitud de la matriz cambiada!

Nota: ① ¡Devuelve la longitud de la matriz, no la matriz!

② ¡Este método cambiará la matriz original! !

 var arr = array (22,33, 'qq', {}); arr.push ('weibo'); // 5arr // [22, 33, "Qq", {}, "Weibo"]

Esto es lo que debemos usar cuando queremos fusionar dos matrices

 var a = [22,33]; var b = [44,55]; array.prototype.push.apply (a, b) // o a.push.apply (a, b) // o a.push (44,55); // matriz a = [22,33,44,55];

¡Tenga cuidado de no escribir lo siguiente! !

 a.push (b); a; //+22,33,ija44,55font>A.length; // 3 !! console.log (a); // [22, 33, matriz [2]]

Escribirlo directamente como a.push(b) agregará B como un elemento a A, ¡y no obtendrá el efecto ideal!

Si dos matrices de objetos ahora deben fusionarse así:

 var a = [{name: 'Stark', valor: 'Ironman'}, {name: 'Cap', valor: 'Oldman'}]; var b = [{name: 'jerry', correo electrónico: '[email protected]'}, {name: 'lory', correo electrónico: '[email protected]'}, {name: 'Susan', correo electrónico: 'Susan@gmail' a.push (b); //3console.log(a); // [objeto, objeto, matriz [3]] // Escribir correcto A.Push.Aply (AB); //5console.log(a); // [objeto, objeto, objeto, objeto, objeto]

método pop ()

En contraste con push , es eliminar el último elemento de la matriz y devolver el elemento eliminado:

 var a = ['qq', 'weibo', 'weixin']; a.pop (); // 'weixin'a; // ['Qq', 'Weibo']

método unir ()

Separe la matriz mediante parámetros correspondientes y regrese como una cadena. Si el parámetro está vacío, use ',' para separarlo. Este método no cambia la matriz original:

 var a = [1, 2, 3, 4]; A.Join ('') // '1 2 3 4'A.Join (' | ') // "1 | 2 | 3 | 4" Var B = A.Join () // "1,2,3,4" Console.log (a); // [1,2,3,4] console.log (b); // "1,2,3,4"

método concat ()

Puede combinar múltiples números y devolver una nueva matriz, pero la matriz original permanece sin cambios:

 var a = [22,33]; var b = [44,55]; var c = a.concat (b); console.log (a); // [22, 33] console.log (b); // [44, 55] console.log (c); // [22, 33, 44, 55]

 var a = [{nombre: 'tom', correo electrónico: '[email protected]'}, {nombre: 'Peter', correo electrónico: '[email protected]'}]; var b = [{name: 'jerry', correo electrónico: '[email protected]'}, {name: 'lory', correo electrónico: '[email protected]' '[email protected]'}]; var c = a.concat (b); c; // [{name: 'tom', email: '[email protected]'}, // {name: 'peter', email: '[email protected]'}, // {name: 'peter', email: '[email protected]'}, // {name: 'Jerry', email: '[email protected]'}, // {name: 'Lory', email: '[email protected]'}, // {nombre: 'Susan', valor: '[email protected]'}]

Método MAP ()

map llamará a una función en cada miembro de la matriz a su vez, devolviendo una nueva matriz procesada por la función, ¡pero la matriz original no se cambiará!

 var nomes = [1, 2, 3]; var num = números.map (función (n) {// [2, 4, 6] return n * 2;}); números; // [1,2,3]

Cuando el parámetro de la función llamado por map es uno, este parámetro representa el miembro actual de la matriz; Cuando los parámetros son tres, son secuencialmente

El miembro actual elem , index índice, matriz original en sí misma arr

 var brr = [1, 2, 3] .map (función (elem, index, arr) {return elem * index;}); brr; // [0, 2, 6]

map también puede aceptar un segundo parámetro, lo que indica el objeto señalado por this cuando se ejecuta la función de devolución de llamada.

 var arr = ['a', 'b', 'c']; var brr = [0, 2] .map (function (e) {return this [e];}, arr) brr; // ['A', 'C']

En las aplicaciones, a veces, cuando el uso de la tecnología AJAX requiere convertir dinámicamente las matrices de parámetros en una solicitud de URL, map será muy conveniente, por ejemplo:

 var b = [{nombre: 'jerry', correo electrónico: '[email protected]'}, {nombre: 'lory', correo electrónico: '[email protected]'}, {nombre: 'Susan', valor: '[email protected]'}]; var url = b. map (función (n) {return n.name + "=" + n.Email}) .Join ("&"); console.log (URL); //[email protected]&[email protected]&[email protected]

Luego agregue la dirección IP, la acción y el método antes de la URL para completar el empalme dinámico de URL requerido por AJAX, por ejemplo:

 var endurl = "localhost: 8080/xxxx/" + eventaction + "!" + operación + "?" + url;

Resumir

Lo anterior es todo el contenido de este artículo. Espero que sea de ayuda para el estudio o el trabajo de todos. Si tiene alguna pregunta, puede dejar un mensaje para comunicarse.