Métodos de manipulação da matriz- Trabalhando com matrizes em JavaScript

Matrizes são a parte fundamental do JavaScript e, neste post, vamos falar sobre manipulação de matrizes. A manipulação da matriz é a tarefa que nos ajuda a adicionar/remover/transformar elementos em nossa matriz. Existem dezenas de métodos em JavaScript que nos ajudam a manipular matrizes de acordo com nossas necessidades.

O que é uma matriz?

A matriz é um tipo de variável que é estruturada de uma maneira que podemos armazenar vários e diferentes tipos de valores em apenas uma variável e acessar posteriormente esses valores usando índices de matriz. Índice é o número da posição em que o elemento da matriz é armazenado ou salvo.

Por exemplo:

const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];

No exemplo acima, se não usássemos matrizes, teríamos que declarar 4 variáveis ​​e inicializá -las com os valores acima que teriam sido muito agitados.

Por exemplo:

const liga1 = "Laliga";
Const League2 = "Premier League";
const liga3 = "Bundesliga";
const liga4 = "Seria A";

Como podemos ver, é muito melhor usar matrizes do que métodos tradicionais. Se você ainda não estiver convencido, suponha que você tivesse que listar todas as principais ligas de futebol do mundo. Você declararia todas as variáveis ​​e iniciaria com o nome da liga de futebol um por um. Não seria melhor usar matrizes? Na verdade, é.

Métodos de matriz JavaScript

Convertendo matrizes em string

Digamos que você tenha uma matriz que você gostaria de converter em uma string para a qual JavaScript nos fornece o para sequenciar() método embutido para nos ajudar. O para sequenciar() Método converterá nossa matriz em uma string. Todos os valores da matriz serão separados por uma vírgula na string

Exemplo:

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// convertendo em string
console.log (ligas.para sequenciar());

O próximo método embutido usado muito pelos desenvolvedores é o juntar() método. Isso tem exatamente a mesma função de tostring () i-e converte uma matriz em string. A única diferença no método junção () é que aqui podemos especificar o separador. Por exemplo, no lugar das vírgulas, podemos impedir. Por exemplo:

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// convertendo em string com . separador
console.log (ligas.juntar("."));

Aqui especificamos que os valores de uma matriz devem ser separados com parada completa quando a matriz é convertida em uma string.

Empurre e pop

Ao trabalhar com matrizes como desenvolvedor, haverá momentos em que você precisa adicionar ou remover itens de uma matriz. Para alcançar a tarefa de adicionar algo ou remover algo de uma matriz, usamos o método pop () e push ().

Método pop ()

A exclusão de um valor da matriz é alcançada pelo método pop () e exclui o último valor do índice da matriz.

Por exemplo:

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
console.log (ligas.pop ());
console.log (ligas.para sequenciar());

Como podemos ver na captura de tela do console, o item pop estava no último índice e depois disso, quando console o registro da matriz, não havia seria a.

Método push ()

Push sintaxe é o mesmo que pop. A diferença é a função que cada um executa. O método push () é usado para inserir ou adicionar elementos no último índice da matriz.

Por exemplo:

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligas.push ("LIGUE1");
// convertendo em string
console.log (ligas.para sequenciar());

No argumento do método push (), passamos o valor que queremos adicionar à matriz. Neste exemplo, passamos "LIGUE1" como queríamos adicionar isso às nossas ligas de matriz. Quando pressionarmos o valor, veremos a LIGUE1 no final da matriz.

Elementos de mudança

O método shift () é o mesmo que o método pop (), exceto que ele remove o primeiro elemento da matriz. Faz isso mudando todos os outros elementos para um índice mais baixo, exceto o primeiro. Ele remove o primeiro elemento de índice.

Por exemplo:

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// removendo o primeiro elemento
console.log (ligas.mudança());
// Converter matriz em string
console.log (ligas.para sequenciar());

Neste exemplo, na janela do console, receberemos o elemento que foi excluído da matriz. Então a nova matriz será mostrada.

O método de não -definido () é o mesmo que o método push (), exceto que adiciona um elemento no início da matriz. A sintaxe é a mesma que o método de mudança i-e as ligas.NIFT ("Liga Escocesa").

Mudança de elementos

Podemos mudar um elemento no índice específico. O índice começa de 0 em uma matriz.

Por exemplo, podemos mudar o primeiro elemento:

ligas [0] = "Liga Escocesa";

Também podemos descobrir o comprimento total da matriz usando o método de comprimento interno de JavaScript.

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
console.log (ligas.comprimento);

Saída: 4

Método Splice ()

O método Splice () é usado para adicionar itens a uma matriz, assim como o método push ().

Por exemplo:

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligas.emenda (2,0, "LIGUE1");
// Converter matriz em string
console.log (ligas.para sequenciar());

Splice leva um índice onde você deseja adicionar um elemento. Neste exemplo, especificamos o segundo índice onde queremos adicionar "LIGUE1". Os elementos que queremos excluir da matriz são apresentados no segundo argumento. Depois disso, podemos adicionar novos elementos, tanto quanto queremos. A saída será:

Também podemos usar o método de emenda para remover um valor no índice especificado.

Por exemplo:

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligas.emenda (0,1);
// Converter matriz em string
console.log (ligas.para sequenciar());

Ele removerá o elemento que está no primeiro índice.

Fusão de matrizes

Também podemos mesclar matrizes usando o método concat (). O método concat () não altera a matriz original e só cria uma nova matriz.

Por exemplo:

Neste exemplo, duas matrizes serão combinadas usando o método concat ():

// Array com o nome das ligas de futebol
const ligas = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
const LowerLeagues = ["Scottish", "Australian"];
const newtotalAgues = ligas.concat (letra inferior);
// Converter matriz em string
console.log (newtotalleAgues.para sequenciar());

Adicionamos as letraguas inferiores às ligas.

Conclusão

Vários elementos de dados ou variáveis ​​do mesmo tipo são representados em uma única matriz de nome e essa matriz pode ser manipulada de várias maneiras que são discutidas neste post. Discutimos a manipulação da matriz em JavaScript, passando pelos métodos mais comuns de como manipular uma matriz. Esperamos que todos esses exemplos tenham dado a você uma idéia de como funciona a manipulação da matriz.