Compartilhamento de tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Em JavaScript, um array é uma estrutura de dados muito importante usada para armazenar vários valores. JS fornece muitos métodos integrados para manipular arrays, tornando o processamento de dados mais fácil e eficiente. Este artigo apresentará em detalhes alguns métodos de array JavaScript comumente usados. Esses não são apenas métodos comumente usados ​​no desenvolvimento diário, mas também o foco das entrevistas.

1. push() e pop()

empurrar()

O método push() adiciona um ou mais elementos ao final de um array e retorna o comprimento do novo array.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

parâmetro: um ou mais elementos a serem adicionados ao final do array.

valor de retorno: O comprimento da nova matriz.

estourar()

O método pop() remove um elemento do final do array e retorna esse elemento.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

parâmetro: nenhum.

valor de retorno: O elemento excluído.

2. shift() e unshift()

mudança()

O método shift() é usado para excluir um elemento no início do array e retornar esse elemento.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

parâmetro: nenhum.

valor de retorno: O elemento excluído.

desloque()

O método unshift() adiciona um ou mais elementos ao início de um array e retorna o comprimento do novo array.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

parâmetro: um ou mais elementos a serem adicionados ao início do array.

valor de retorno: O comprimento da nova matriz.

3. fatia() e emenda()

fatiar()

O método slice() é usado para retornar um novo array selecionado do início ao fim (exclusivo). A matriz original não será modificada.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

parâmetro:

começar(Opcional): inicie a extração (e inclua) deste índice.

fim(Opcional): Finalize a extração antes (e não incluindo) deste índice.

valor de retorno:

uma nova matriz contendo de começar chegarfim(excluindo fim)Elementos.

emenda()

emenda() Os métodos são usados ​​para modificar o conteúdo de um array, removendo ou substituindo elementos existentes ou adicionando novos elementos. O valor de retorno é o elemento excluído.

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

parâmetro:

começar: especifica a posição inicial da modificação.

excluirContagem(opcional): Número inteiro que indica o número de elementos a serem removidos.

item1, item2, ...(opcional): O novo elemento a ser adicionado ao array.

valor de retorno: uma matriz contendo os elementos excluídos.

4. concat()

concat() Método usado para mesclar dois ou mais arrays. Este método não altera o array existente, mas retorna um novo array.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

parâmetro: Matriz ou valor a ser mesclado na matriz atual.

valor de retorno: uma nova matriz.

5. paraCada()

para cada() O método executa a função fornecida uma vez para cada elemento do array.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

parâmetro: uma função que aceita como parâmetros o elemento atual, o índice do elemento e o próprio array.

valor de retorno: nenhum.

6. mapa()

mapa() O método cria um novo array cujo resultado é que cada elemento do array é o valor de retorno de uma chamada para a função fornecida.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

parâmetro: uma função que aceita como parâmetros o elemento atual, o índice do elemento e o próprio array.

valor de retorno: uma nova matriz.

7. filtro()

filtro() O método cria um novo array contendo todos os elementos do teste implementado pela função fornecida.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

parâmetro: uma função que aceita o elemento atual, o índice do elemento e o próprio array como parâmetros e retorna um valor booleano.

valor de retorno: uma nova matriz.

8. reduzir()

reduzir() O método executa uma função redutora que você fornece (em ordem crescente) em cada elemento do array, resumindo seus resultados em um único valor de retorno.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

parâmetro:redutor Função que aceita um acumulador e o valor atual como argumentos.

valor inicial(Opcional): Como o valor do primeiro parâmetro ao chamar a função de retorno de chamada pela primeira vez.

valor de retorno: Resultados acumulados.

9. encontrar()

encontrar() O método retorna o valor do primeiro elemento da matriz que satisfaz a função de teste fornecida.Caso contrário, retorneindefinido。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

parâmetro: uma função que aceita o elemento atual, o índice do elemento e o próprio array como parâmetros e retorna um valor booleano.

valor de retorno: o valor do primeiro elemento que passa no teste.

10. inclui()

inclui() O método é usado para determinar se um array contém um valor especificado. Dependendo da situação, ele será retornado se contiver.verdadeiro, caso contrário retorne falso。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

parâmetro:

valorParaEncontrar: O valor do elemento a ser encontrado.

doÍndice(Opcional): Comece a pesquisar neste índice.

valor de retorno: Valor booleano.

Ao aprender esses métodos comuns de array JavaScript, podemos processar os dados transmitidos pelo back-end com mais eficiência e escrever um código mais conciso e legível. Espero que este artigo ajude você!