filtro javascript

| | | | | | | | | | | | | | | | | | | | | | | | |

O método de filtro JavaScript() cria um array de elementos de um array existente. O método filter() recebe uma função de retorno de chamada como argumento. Esta função avalia se um item deve ser adicionado à nova lista a partir da lista existente.

Se você não souber JavaScript , talvez você não tenha ouvido falar das funções Javascript filter () e reduzir (). Essas funções podem ser úteis ao trabalhar com uma lista de objetos, também chamada de array.

Se você deseja obter apenas determinados valores ‚Äã‚Äãde um array, você deve capaz de usar a função JavaScript filtro(). Neste tutorial, veremos, com referência a exemplos, como usar a função filter().

Atualizar array namento < s pan class = "ez-toc-section-end">

Uma matriz JavaScript armazena zero ou mais elementos. Os elementos podem ser números, outros arrays, strings ou usar algum outro tipo de dado. Eles usam índices numerados começando com " 0 " para acessar itens específicos.

Arrays permitem que você armazene vários valores ‚Äã‚Äãna mesma variável. Ele pode ajudá-lo a escrever melhor e mais limpo porque você não precisa escrever várias variáveis para armazenar seus valores.

Aqui está um exemplo de uma matriz JavaScript:

Matriz de filtros JavaScript

O método de filtro de matriz JavaScript () cria uma nova matriz com base no conteúdo de uma matriz existente. O método filter() avalia uma função de retorno de chamada em cada elemento de uma matriz existente. Qualquer coisa que satisfaça a condição da função de retorno de chamada é adicionada a uma nova lista.

Usando o método filter, podemos recuperar os valores ‚Äã‚Äãque atendem a determinados critérios e adicioná-los a um novo array.

Sintaxe de filtro de array JavaScript

O método de filtro usa a seguinte sintaxe:

Este código define um array chamado" newArr "com base no conteúdo do array "oldArr". Nossa função de retorno de chamada retorna um valor para o novo array se uma condição for atendida. Exemplos de condições:

Você pode usar operadores de comparação JavaScript para criar suas condições. Ou você pode usar uma instrução if. O uso de uma instrução if permite controlar quais dos vários valores ‚Äã‚Äã são adicionados a uma nova lista.

Exemplos de filtros JavaScript

Filtrar uma lista de números

Vamos começar com um exemplo simples. Temos uma lista de compras em um café. Queremos criar uma nova lista mostrando compras acima de $ 10 .

Nossa lista de compras se parece com isso:

Podemos usar o método filter() para recuperar compras de valor maior que $ 10:

Nosso programa verifica se uma compra vale mais que $ 10. Uma compra é adicionada à nossa lista big_purchases se vale mais que $ 10. Caso contrário, a compra é omitida.

O valor da variável JavaScript big_purchases é:

O método filter() retorna todos os elementos que excede no teste que definimos. Este teste é "item> 10". Se quiséssemos acessar cada compra, poderíamos consultar nossa lista de "compras" original . Nosso método filter() retorna um array de valores ‚Äã‚Äãmaiores que $ 10.

Filtrar um array de objetos

Temos um array que contém os nomes de todos em uma escola :

E se quisermos apenas recuperar os alunos que estão no primeiro ano? Filtro () torna isso mais fácil. Vamos escrever uma função que retornará todos os alunos da primeira série no array "students":

Filter() aceita um parâmetro. Esta é uma função que determina qual ação você toma em seus dados.

O filtro função () examina cada objeto na matriz "alunos". filter() retorna alunos cuja turma é igual a "Primeiro ano". O operador "===" significa igualdade.

A função de filtro criará um novo array com esses novos valores, acessível pela variável "firstGradeStudents".



Conclusão

Você pode usar o método array filter() para criar uma nova tabela a partir do conteúdo de uma tabela existente. O índice está no nome com o método filter(). filter () filtra os elementos de um array existente.

E é isso! Agora você pode usar reduce() em JavaScript com ainda mais segurança. Para saber mais sobre como codificar em JavaScript, leia nosso artigo sobre os melhores tutoriais de JavaScript para iniciantes .