Compartilhamento de técnicas de operação prática para matriz em JavaScript

1. Sobre a matriz

A criação da matriz é muito flexível. Você pode usar o construtor da matriz ou criar uma matriz "literal" diretamente.

 var arr = new Array (); // [] var brr = array (); // [] Os dois são equivalentes a var arr = matriz (3); // armazéns; // 3 matriz vazia de comprimento 3 var arr = matriz (22,33, 'qq', {}); // [22, 33, "qq", objeto] var brr = [22,33, 'qq', {}]; // O mesmo que acima

Array é um objeto embutido para JavaScript. Sim, embora seja uma matriz, também é um objeto! !

Use TypeOf para julgar retornará um objeto! Array.isArray pode determinar com mais precisão seu tipo.

 var a = []; tipo de a; //objectArray.isArray(a); //verdadeiro

2. Métodos comuns

método push ()

O método push pode adicionar um ou mais elementos ao final da matriz e retornar o comprimento da matriz alterada!

Nota: ① Retorna o comprimento da matriz, não a matriz!

②Este método mudará a matriz original! !

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

É isso que precisamos usar quando queremos mesclar duas matrizes

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

Cuidado para não escrever o seguinte! !

 a.push (b); a; //−22,33, 44,55] // 3 !! console.log (a); // [22, 33, Array [2]]

Escrever diretamente como a.push(b) adicionará B como um elemento a A, e não terá o efeito ideal!

Se duas matrizes de objetos agora precisam ser mescladas assim:

 var a = [{name: 'stark', valor: 'Ironman'}, {name: 'cap', valor: 'Oldman'}]; var b = [{name: 'jerry', e -mail: '[email protected]'}, {name: 'lory', e -mail: '[email protected]'}, {{name: 'susp', '; A.Push (B); //3console.log(a); // [objeto, objeto, matriz [3]] // Redação correta A.Push.Apply (AB); //5console.log(a); // [objeto, objeto, objeto, objeto, objeto]

Método pop ()

Em contraste com o push , é excluir o último elemento da matriz e devolver o elemento excluído:

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

Método junção ()

Separe a matriz pelos parâmetros correspondentes e retorne como uma string. Se o parâmetro estiver vazio, use '' para separá -lo. Este método não altera a 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 ()

Ele pode combinar vários números e retornar uma nova matriz, mas a matriz original permanece inalterada:

 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 = [{name: 'tom', email: '[email protected]'}, {name: 'peter', email: '[email protected]'}];var b = [{name: 'Jerry', email: '[email protected]'}, {name: 'Lory', email: '[email protected]'}, {name: 'susan', value: '[email protected]'}]; var c = a.concat (b); c; // [{name: 'tom', e -mail: '[email protected]'}, // {name: 'Peter', e -mail: '[email protected]'}, // {name: 'Peter', email: '[email protected]'}, // {Name: 'Jende // {Nome: 'Susan', valor: '[email protected]'}]

Método MAP ()

map chamará uma função em cada membro da matriz, por sua vez, retornando uma nova matriz processada pela função, mas a matriz original não será alterada!

 var números = [1, 2, 3]; var num = números.map (function (n) {// [2, 4, 6] retorna n * 2;}); números; // [1,2,3]

Quando o parâmetro da função chamado pelo método map é um, esse parâmetro representa o membro atual da matriz; Quando os parâmetros são três, eles são sequencialmente

O membro atual elem , index Índice, a própria matriz original arr

 var brr = [1, 2, 3] .map (função (elem, index, arr) {return elem * index;}); brr; // [0, 2, 6]

map também pode aceitar um segundo parâmetro, indicando o objeto apontado por this quando a função de retorno de chamada é executada.

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

Em aplicativos, às vezes ao usar a tecnologia AJAX, é necessário converter dinamicamente matrizes de parâmetros em uma solicitação de URL, map será muito conveniente, por exemplo:

 var b = [{nome: 'jerry', e -mail: '[email protected]'}, {name: 'lory', e -mail: '[email protected]'}, {name: 'susan', valor: '[email protected]'}]; var url = b. map (function (n) {return n.name + "=" + n.email}) .Join ("&"); console.log (URL); //[email protected]&[email protected]&[email protected]

Em seguida, adicione o endereço IP, ação e método antes do URL para concluir o splicing dinâmico de URL exigido pelo Ajax, por exemplo:

 var endurl = "localhost: 8080/xxxx/" + eventAction + "!" + operação + "?" + url;

Resumir

O acima é o conteúdo inteiro deste artigo. Espero que seja de ajuda para estudar ou trabalhar de todos. Se você tiver alguma dúvida, pode deixar uma mensagem para se comunicar.