Métodos de acessórios de matriz em JavaScript explicados com exemplos

No JavaScript, existem vários métodos internos disponíveis que são muito benéficos na perspectiva de trabalhar com matrizes, como o método que modifica a matriz real é denominado como um método do mutador. Embora o método que não modifique a matriz primária/original, ele retorna alguma nova representação para a matriz com base na matriz original é denominada como o método de acessador. Nesta postagem, abordaremos vários métodos de acessórios de matriz como concat (), slice (), indexof (), filtro () e lastIndexOf () método.

Método concat () em javascript

No JavaScript, o método concat é usado para ingressar nas várias matrizes e, como resultado, ele retorna uma nova matriz. Vamos considerar um exemplo em que criamos duas matrizes e as concatamos na terceira matriz, dê uma olhada no código abaixo para entender como “Concat ()” O método funciona em JavaScript:

const array1 = [5,10,15,20,25];
const array2 = [30,35,40,45,50];
const resultant_array = array1.Concat (Array2);
console.log ("A matriz resultante é:", resultante_array);

No código acima, a matriz resultante concatena as duas primeiras matrizes:

O console.A função de log é utilizada para produzir a saída da matriz resultante no console do navegador:

A saída verifica que a matriz resultante combina os elementos de "Array1" e "Array2".

Método de join () em JavaScript

Em JavaScript, o "juntar()" O método retorna uma nova string juntando todos os elementos da matriz em uma string separada por uma vírgula ",".

const array1 = ['5', '10', '15', '20', '25'];
const resultant_array = array1.juntar();
console.log ("A matriz resultante usando o método de junção é:", resultante_array);

Aqui, pegamos os valores do Array1 como valores da string e a implementação do JavaScript do código acima será:

Na saída, você observará que o "juntar()" função retorna uma string que é separada por uma vírgula.

Em JavaScript, qualquer pessoa pode separar os elementos da string por qualquer outro símbolo deles; Suponha que queremos usar "|" Como um separado em vez de vírgula, então o utilizaremos como:

const array1 = ['5', '10', '15', '20', '25'];
const resultant_array = array1.JONE ('|');
console.log ("A matriz resultante usando o método de junção é:", resultante_array);

Implementaremos o código acima no JavaScript como:

A saída resultante será:

Método Filter () em JavaScript

Em JavaScript, o método "filtro ()" é utilizado para filtrar uma matriz com base em alguma condição. Por exemplo, queremos filtrar números positivos de uma matriz, o código em JavaScript seria:

const all_numbers = [5, -10,15, -20, -25,30];
const post_only = all_numbers.filtro (função (número)
número de retorno> = 0;
);
console.log (positivo_only);

Portanto, no exemplo, temos uma matriz que consiste em números positivos e negativos, e queremos filtrar a matriz e exibir apenas números positivos. Por isso, definimos uma condição que verificará se “o número é maior ou igual a 0” ou não, como resultado:

Nossa saída mostra que o método "filtro ()" imprime apenas os números positivos:

Método Slice () em JavaScript

O JavaScript utiliza o método "Slice ()" para copiar alguma parte da matriz em uma nova matriz e aceita dois parâmetros opcionais Índice de partida e o último índice. Vamos considerar um cenário em que queremos apenas os três primeiros elementos da matriz, faremos isso usando o método de fatia. O último índice deve ser o índice "n+1", significa que, se você deseja valores entre o índice 0 e o índice 2, você deve escrever o último índice como '3':

const array1 = [5,10,15,20,25];
const resultant_array = array1.fatia (0,3);
console.log ("A matriz resultante é:", resultante_array);

Aqui, tomamos o primeiro índice como 0 e escrevemos o último índice como 3, o método da fatia excluirá o último índice '3' e considerará os elementos da matriz para o índice 0, o índice 1 e o índice 2 somente.

A saída do programa acima será:

Método Indexof () em JavaScript

O JavaScript utiliza o método IndexOf para encontrar a ocorrência de um elemento em uma matriz e retornará -1 se o elemento não for encontrado na matriz. Além disso, se uma matriz tiver o mesmo elemento duas vezes, então o "índice de" o método retornará a posição da primeira ocorrência. Considere o código abaixo para entender como "índice de" Método funciona:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.indexOf (15);
console.log ("A matriz resultante é:", resultante_array);

A implementação JavaScript do método índiceOf será:

A saída do código acima dado verificará se o método "indexOF" retorna a primeira instância do elemento pesquisado:

Método LastIndexOf () em JavaScript

O JavaScript utiliza o “LastIndexof” Método para encontrar a última aparência de um elemento em uma matriz, e esse método retornará -1 quando não encontrar um elemento na matriz:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.LastIndexOF (15);
console.log ("Você pesquisou o índice de matriz:", resultante_array);

A implementação do código acima será:

Na matriz1, '15' é repetido duas vezes, então o “LastIndexof” O método retornará o índice da última ocorrência de '15':

inclui () método em javascript

Javascript usa “Inclui ()” Método para pesquisar qualquer elemento em uma matriz, como resultado, ele retornará um valor booleano:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.inclui (15);
console.log ("Valor pesquisado encontrado:", resultant_array);

Aqui pesquisamos '15' usando o método “inclui ()”:

O método “inclui ()” retornará a saída true como '15' está lá na matriz:

Conclusão:

Os métodos de acessadores da matriz executam algumas ações nas matrizes e, como resultado, eles retornam uma nova representação aprimorada no JavaScript. Neste post, aprendemos sobre esses métodos em detalhes, considerando alguns exemplos. Além disso, implementamos cada método em JavaScript e observamos a saída desejada contra cada método. Este artigo ajudará os leitores a implementar os métodos de acessórios de matriz embutidos em JavaScript.