Como todos sabemos, solicitar dados do back-end e processar dados são habilidades essenciais para engenheiros de front-end. Os dados solicitados do back-end são frequentemente retornados ao front-end na forma de um array, portanto, a importância dos métodos de processamento de array pode ser. métodos de processamento de array imaginados Existem muitos documentos MDN. Muitos amigos muitas vezes não conseguem compreender os pontos-chave ao aprender, resultando em metade do resultado com o dobro do resultado. no trabalho.
O métodoé uma função. o segundo é o índice do número do índice. Seu valor de retorno é indefinido;
O exemplo em execução é o seguinte: 
Saída do console 
O método filter() é um método para filtrar arrays. Os parâmetros passados são os mesmos do método forEach, mas o valor de retorno é um array. os dados adquiridos;
O exemplo em execução é o seguinte: 
A saída do console é a seguinte: 
Os parâmetros passados pelo método map() também são os mesmos acima, e seu valor de retorno também é um novo array. O método map() pode realizar o mesmo processamento em cada item do array em execução; exemplo é o seguinte: 
Saída do console: 
O método findIndex(), como o próprio nome sugere, retorna o número do índice do primeiro item na matriz que atende às condições. Se não puder ser encontrado, ele retorna -1. Os parâmetros passados são os mesmos acima e o exemplo em execução é o seguinte:
let arr = [1, 3, 3, 4, 5, 6, 7] //método findIndex, retorna o número do índice do primeiro item que atende às condições, se não for encontrado, retorna -1 const res = arr.findIndex((item) => item > 5)resultados de saída do console
console.log(res)
: 
método find() retorna o primeiro item encontrado que atende às condições. Os parâmetros passados são os mesmos que acima. O exemplo em execução é o seguinte:
deixe arr = [1, 3, 3, 4, 5, 6, 7]
//find() procura o item e retorna o primeiro item que atende às condições.
const res2 = arr.find((item) => {
item de devolução > 5
})
Os resultados da operação do console console.log(res2)
são os seguintes: 
Os parâmetros passados pelo método some() são os mesmos acima, e o valor de retorno é um valor booleano. Contanto que seja encontrado um item que atenda às condições, ele retornará verdadeiro. :
deixe arr = [1, 3, 3, 4, 5, 6, 7]
//algum método retorna valor booleano const bl = arr.some((item) => {
item de devolução > 5
})
console.log(bl) 
Os parâmetros passados pelo método Every() são os mesmos acima, e o valor de retorno é um valor booleano, mas cada item deve atender às condições para retornar verdadeiro. O exemplo é o seguinte:
let arr = [1;
, 3, 3, 4, 5, 6, 7]
//every() retorna um valor booleano que deve passar pelas condições de filtragem antes de retornar verdadeiro
const bl2 = arr.every((ValorAtual) => {
retornar valor atual < 10
})
console.log(bl2)
O primeiro parâmetro na função de redução () é a função, o segundo parâmetro é o tipo de soma da variável temporária, a função do primeiro parâmetro tem quatro parâmetros, mas o primeiro parâmetro comumente usado é Acumular variáveis temporárias (retorno é este valor), o segundo item do parâmetro. O terceiro é o índice e o quarto é o próprio array. O exemplo de código é o seguinte:
let arr = [1, 3, 3, 4, 5, 6, 7];
//reduce() função de indução const previousValue = 0
const arrSum = arr.reduce((valoranterior, valoratual) => {
retornar valor anterior + valor atual
}, 0)
Os resultados da saída do console console.log(arrSum) são os seguintes: 
concat() une duas matrizes e retorna a nova matriz unida. Matrizes multidimensionais (matrizes dentro de matrizes) não podem ser unidas;
O exemplo de código é o seguinte:
let arr = [1, 3, 3, 4, 5, 6, 7]
//concat concatena dois arrays e retorna um novo array
const novoArr3 = [2, 5, 5, 6, 6, 8]
const concatArr = arr.concat(newArr3)
console.log(concatArr)
O método push()/unshift() é adicionar um elemento no final e na frente do array, respectivamente, e o valor de retorno é o comprimento do novo array
//;
O método de processamento da matriz será alterado. Matriz original const Arr = [1, 3, 5, 6, 7, 8, 9] Arr.push(1) console.log(Arr) console.log(Arr) const a = Arr.unshift(1)Os resultados da saída do console
console.log(a)
são os seguintes: 
último
valor do array e shift() exclui o valor do primeiro item do array;
console.log(arr) arr.shift(1) Os resultados da saída do console console.log(arr)
são os seguintes: 
O método sort() é a classificação. O parâmetro interno é uma função, function(a, b){ return a - b }. a função está em ordem crescente. Se o parâmetro retorno interno a - b estiver em ordem decrescente, o retorno a + b estará em ordem crescente;
reverse() é uma inversão de array, ou seja, organizar os elementos do array em ordem inversa; o exemplo de código é o seguinte:
let arr = [1, 3, 3, 4, 5, 6, 7]arr.sort( (uma, b) => {
retornar a - b})console.log(arr)arr.reverse()console.log(arr)
O método splice() modifica o array original e retorna um novo array com elementos excluídos, e o número do índice de trás para frente; o segundo parâmetro é o número de elementos excluídos,
let arr = [1, 3, 3, 4, 5, 6, 7]arr.splice(1, 3)console.log(arr)
flat() é usado para nivelar arrays multidimensionais. O parâmetro passado é a profundidade do array, que também pode ser infinito, o que significa que a profundidade do array é infinita. :
const Arr2 = [ [1, 2], [vinte e três], [4, 5], [5, 6],]console.log(Arr2.flat(Infinity))
resultados de saída do console: 
pode preencher um array: Método de escrita: Array.fill(1, 2, 4) preenche o array com 1, começando no elemento com valor de índice 2, começando com o número de índice do elemento começando em 4, excluindo o o valor do índice é 4 elementos; o elemento preenchido substituirá o elemento original correspondente ao número do índice;
O exemplo de código é o seguinte:
const Arr2 = [ [1, 2], [vinte e três], [4, 5], [5, 6],]console.log(Arr2.fill(1, 0, 4))
resultados de saída do console: 