{"id":10589,"date":"2023-10-28T18:13:16","date_gmt":"2023-10-28T21:13:16","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=10589"},"modified":"2025-05-02T19:33:59","modified_gmt":"2025-05-02T22:33:59","slug":"filter-javascript","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/","title":{"rendered":"Filter JavaScript: filtrando e gerindo dados"},"content":{"rendered":"\n<p>Nesse artigo, exploramos o m\u00e9todo <strong>filter JavaScript.<\/strong> Trata-se de uma ferramenta \u00fatil de sele\u00e7\u00e3o de elementos espec\u00edficos de um conjunto de dados. Ele \u00e9 <strong>capaz de filtrar os elementos que atendem a certas condi\u00e7\u00f5es<\/strong>, criando um novo array com esses elementos.<\/p>\n\n\n\n<p>Esse \u00e9 um m\u00e9todo not\u00e1vel em programa\u00e7\u00e3o, sendo <strong>usado em desenvolvimento web para filtrar e exibir dados em uma p\u00e1gina<\/strong>.<\/p>\n\n\n\n<p>Explicitamos, tamb\u00e9m, o motivo para usar o `filter` e como pode ser eficiente para controle e sele\u00e7\u00e3o de dados. Bem como para automatizar processos.<\/p>\n\n\n\n<p>Siga a leitura e aprenda mais sobre <strong>filter JavaScript<\/strong> e como usar nos seus c\u00f3digos.<\/p>\n\n\n\n<p>Artigos relacionados:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-splice\/\">JavaScript&nbsp;Splice: adicionando e removendo elementos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\">JavaScript&nbsp;.length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/split-javascript\/\">Split JavaScript: dividir uma string em array<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\">Array JavaScript: como manipular vetores<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/for-javascript\/\">For JavaScript: como usar esse la\u00e7o de repeti\u00e7\u00e3o<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/if-javascript\/\">If JavaScript: O que \u00e9 e como funciona?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/else-if-javascript\/\">Else if JavaScript: Como usar?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/dom-javascript\/\">DOM JavaScript: O que \u00e9 e como funciona?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/while-javascript\/\">While JavaScript: um guia completo<\/a><\/li>\n<\/ul>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#Introducao_O_que_e_Filter_JavaScript\" title=\"Introdu\u00e7\u00e3o: O que \u00e9 Filter JavaScript?\">Introdu\u00e7\u00e3o: O que \u00e9 Filter JavaScript?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#Componentes_principais_da_funcao_filter_em_JavaScript\" title=\"Componentes principais da fun\u00e7\u00e3o filter em JavaScript\">Componentes principais da fun\u00e7\u00e3o filter em JavaScript<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#Utilizando_Callbacks_com_o_metodo_Filter_JavaScript\" title=\"Utilizando Callbacks com o m\u00e9todo Filter JavaScript\">Utilizando Callbacks com o m\u00e9todo Filter JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#Aplicacao_do_metodo_Filter_JavaScript\" title=\"Aplica\u00e7\u00e3o do m\u00e9todo Filter JavaScript\">Aplica\u00e7\u00e3o do m\u00e9todo Filter JavaScript<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/7PrZr27rIzYSn39fDH88fGpaLealOaih0EzG0CZp3wARybtCg69QX4VcFQzUPei_JWcxiSaFTZGuupahyl6r2rZXa1lW2Lr583nUx-l6U75wr05JD2T5tJYTw_Abb2ThQbqrODBqGDl6YFJnBZ62yR4\" alt=\"filter javascript\" width=\"1260\" height=\"630\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introducao_O_que_e_Filter_JavaScript\"><\/span>Introdu\u00e7\u00e3o: O que \u00e9 Filter JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>O m\u00e9todo `filter` \u00e9 uma ferramenta muito \u00fatil para selecionar elementos espec\u00edficos de um conjunto de dados, como um array.<\/strong> Ele filtra os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array com esses elementos.<\/p>\n\n\n\n<p>Vamos, ent\u00e3o, prosseguir com um exemplo dentro da rotina comum:<\/p>\n\n\n\n<p><strong>Imagine que voc\u00ea est\u00e1 organizando uma cole\u00e7\u00e3o de livros.<\/strong> Cada livro tem uma cor de capa, e voc\u00ea quer separar apenas os livros de capa vermelha. O m\u00e9todo `filter` em JavaScript funciona de maneira semelhante a essa situa\u00e7\u00e3o.<\/p>\n\n\n\n<p>Pense no array como sua estante de livros e nos crit\u00e9rios de sele\u00e7\u00e3o como a cor da capa que procura. <strong>O m\u00e9todo `filter` percorre cada elemento do array e verifica se corresponde aos crit\u00e9rios que definiu<\/strong>. Se corresponder, \u00e9 inclu\u00eddo em um novo array; caso contr\u00e1rio, \u00e9 ignorado.<\/p>\n\n\n\n<p>O m\u00e9todo `filter` \u00e9 not\u00e1vel em programa\u00e7\u00e3o, sendo usado em desenvolvimento web para filtrar e exibir dados em uma p\u00e1gina. Em um site de com\u00e9rcio eletr\u00f4nico, por exemplo, pode mostrar produtos dentro de certa faixa de pre\u00e7o.<\/p>\n\n\n\n<p><strong>O motivo para usar o `filter` \u00e9 a efici\u00eancia e controle, portanto.<\/strong> Em vez de percorrer manualmente o array, o `filter` automatiza o processo. Isso torna o c\u00f3digo mais limpo, leg\u00edvel e f\u00e1cil de manter. Tamb\u00e9m economiza recursos, ao lidar apenas com elementos relevantes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Componentes_principais_da_funcao_filter_em_JavaScript\"><\/span>Componentes principais da fun\u00e7\u00e3o filter em JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Array Original<\/strong>: este \u00e9 o array inicial no qual voc\u00ea deseja aplicar o filtro. A fun\u00e7\u00e3o filter n\u00e3o altera o array original; em vez disso, ela cria um novo array contendo os elementos filtrados;<\/li>\n\n\n\n<li><strong>Fun\u00e7\u00e3o de Teste<\/strong>: No m\u00e9todo <code>filter<\/code>, voc\u00ea fornece a fun\u00e7\u00e3o de teste como argumento. O m\u00e9todo aplica essa fun\u00e7\u00e3o a cada elemento do array original e espera um valor booleano (verdadeiro ou falso) como retorno. Se a fun\u00e7\u00e3o retornar true para um elemento, ele ser\u00e1 adicionado ao novo array; caso contr\u00e1rio, ser\u00e1 removido;<\/li>\n\n\n\n<li><strong>Novo Array Filtrado<\/strong>: a fun\u00e7\u00e3o filter cria um novo array. Ele ir\u00e1 conter apenas os elementos para os quais a fun\u00e7\u00e3o de teste retornou true. Isso resulta em um array filtrado que mant\u00e9m a ordem dos elementos conforme eles aparecem no array original.<\/li>\n<\/ol>\n\n\n\n<p>Aqui est\u00e1 um exemplo pr\u00e1tico de uso da fun\u00e7\u00e3o filter em JavaScript para melhor compreens\u00e3o:<\/p>\n\n\n\n<p>Suponha, ent\u00e3o, que temos um array de n\u00fameros inteiros: <code>[10, 5, 8, 3, 15, 20]<\/code>. E queremos filtrar apenas os n\u00fameros maiores que 8. Podemos fazer isso da seguinte maneira:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const numeros = &#091;10, 5, 8, 3, 15, 20];\n\nconst numerosFiltrados = numeros.filter(function(numero) {\n\n&nbsp;&nbsp;return numero &gt; 8;\n\n});\n\nconsole.log(numerosFiltrados); \/\/ Sa\u00edda: &#091;10, 15, 20]<\/code><\/pre>\n\n\n\n<p>Neste exemplo, estamos aplicando a fun\u00e7\u00e3o filter a cada elemento do array \u201cnumeros\u201d. A fun\u00e7\u00e3o de teste est\u00e1 verificando se o n\u00famero \u00e9 maior que 8.<\/p>\n\n\n\n<p>Os n\u00fameros que atendem a essa condi\u00e7\u00e3o s\u00e3o inclu\u00eddos no novo array numerosFiltrados.<\/p>\n\n\n\n<p>Portanto, a fun\u00e7\u00e3o filter em JavaScript \u00e9 uma ferramenta poderosa para selecionar elementos espec\u00edficos de um array com base em crit\u00e9rios definidos. Logo, isso permite que voc\u00ea crie um novo array contendo apenas os elementos desejados.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utilizando_Callbacks_com_o_metodo_Filter_JavaScript\"><\/span>Utilizando Callbacks com o m\u00e9todo Filter JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>O uso de callbacks com o m\u00e9todo filter \u00e9 uma abordagem poderosa para criar condi\u00e7\u00f5es precisas ao filtrar elementos de uma cole\u00e7\u00e3o.<\/strong> Uma fun\u00e7\u00e3o de retorno (callback) \u00e9, portanto, uma fun\u00e7\u00e3o passada como argumento para outra fun\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Essa fun\u00e7\u00e3o de callback \u00e9 ativada quando um evento espec\u00edfico ocorre ou quando uma tarefa \u00e9 finalizada. \u00c9 uma maneira de definir um comportamento personalizado que ocorrer\u00e1 em resposta a um evento ou a\u00e7\u00e3o.<\/p>\n\n\n\n<p>Aqui est\u00e1 um exemplo gen\u00e9rico de como voc\u00ea pode usar callbacks com o m\u00e9todo filter:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ Exemplo em JavaScript\n\nconst numbers = &#091;1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n\/\/ Filtrar n\u00fameros pares usando um callback\n\nconst evenNumbers = numbers.filter(function(number) {\n\nreturn number % 2 === 0;\n\n});\n\nconsole.log(evenNumbers); \/\/ Sa\u00edda: &#091;2, 4, 6, 8, 10]<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Aplicacao_do_metodo_Filter_JavaScript\"><\/span>Aplica\u00e7\u00e3o do m\u00e9todo Filter JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Primeiramente, o m\u00e9todo &#8220;filter&#8221; \u00e9 diretamente aplicado a um array e requer um argumento obrigat\u00f3rio: uma fun\u00e7\u00e3o de callback.<\/strong> Essa fun\u00e7\u00e3o atua como um filtro, determinando a inclus\u00e3o ou exclus\u00e3o de elementos no novo array resultante.<\/p>\n\n\n\n<p>A fun\u00e7\u00e3o de callback recebe cada item do array original como par\u00e2metro e deve retornar um valor booleano (true ou false). Se o retorno for true, o elemento atual \u00e9 mantido no novo array; se for false, \u00e9 exclu\u00eddo.<\/p>\n\n\n\n<p>Por exemplo, ao aplicar o m\u00e9todo \u201cfilter\u201d a um array, a fun\u00e7\u00e3o de callback \u00e9 executada em loop para cada elemento. Logo, isso possibilita a avalia\u00e7\u00e3o individual e a tomada de decis\u00f5es com base nos crit\u00e9rios definidos.<\/p>\n\n\n\n<p>Al\u00e9m disso, o m\u00e9todo &#8220;filter&#8221; tem ampla aplica\u00e7\u00e3o e versatilidade. <strong>\u00c9 comumente usado para buscar informa\u00e7\u00f5es espec\u00edficas em conjuntos de dados.<\/strong> Suponha ter um array de objetos de produtos e a inten\u00e7\u00e3o \u00e9 selecionar produtos em estoque com pre\u00e7o abaixo de certo valor. O m\u00e9todo &#8220;filter&#8221; torna isso eficiente e leg\u00edvel aplicando a l\u00f3gica de filtragem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Alternativas para o m\u00e9todo Filter<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Em Python<\/h3>\n\n\n\n<p><strong>Em <a href=\"https:\/\/www.homehost.com.br\/blog\/pythondjango\/o-que-e-python\/\">Python<\/a>, podemos usar a fun\u00e7\u00e3o filter() em combina\u00e7\u00e3o com uma fun\u00e7\u00e3o de filtro para filtrar elementos de uma lista.<\/strong> A fun\u00e7\u00e3o de filtro deve retornar True ou False para cada elemento, determinando se ele ser\u00e1 inclu\u00eddo no novo iter\u00e1vel resultante.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># Filtrando n\u00fameros pares de uma lista em Python\n\nnumeros = &#091;1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n\nnumeros_pares = list(filter(lambda x: x % 2 == 0, numeros))\n\nprint(numeros_pares)&nbsp; # Sa\u00edda: &#091;2, 4, 6, 8, 10]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Em Java<\/h3>\n\n\n\n<p><strong>Em Java, podemos usar a classe Stream e o m\u00e9todo filter() para filtrar elementos de uma cole\u00e7\u00e3o. <\/strong>Assim como no JavaScript, o m\u00e9todo filter() recebe um predicado (fun\u00e7\u00e3o que retorna um valor booleano). Isso ir\u00e1 determinar quais elementos ser\u00e3o inclu\u00eddos no novo stream resultante.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import java.util.ArrayList;\n\nimport java.util.List;\n\nimport java.util.stream.Collectors;\n\npublic class FilterExample {\n\npublic static void main(String&#091;] args) {\n\n&nbsp;&nbsp;&nbsp;&nbsp; List&lt;Integer&gt; numeros = new ArrayList&lt;&gt;();\n\n&nbsp;&nbsp;&nbsp;&nbsp; numeros.add(1); numeros.add(2); numeros.add(3);\n\n&nbsp;&nbsp;&nbsp;&nbsp; numeros.add(4); numeros.add(5); numeros.add(6);\n\n&nbsp;&nbsp;&nbsp;&nbsp; List&lt;Integer&gt; numerosPares = numeros.stream()\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .filter(numero -&gt; numero % 2 == 0)\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .collect(Collectors.toList());\n\n&nbsp;&nbsp;&nbsp;&nbsp; System.out.println(numerosPares);&nbsp; \/\/ Sa\u00edda: &#091;2, 4, 6]\n\n}\n\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Em C#<\/h3>\n\n\n\n<p><strong>Em C#, a classe <code>IEnumerable<\/code> possui o m\u00e9todo <code>Where()<\/code> que \u00e9 equivalente ao filter do JavaScript.<\/strong> Ele permite filtrar elementos com base em um predicado.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nesse artigo, exploramos o m\u00e9todo filter JavaScript. Trata-se de uma ferramenta \u00fatil de sele\u00e7\u00e3o de elementos espec\u00edficos de um conjunto de dados. Ele \u00e9 capaz de filtrar os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array com esses elementos. Esse \u00e9 um m\u00e9todo not\u00e1vel em programa\u00e7\u00e3o, sendo usado em desenvolvimento web para filtrar [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":10591,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6585],"tags":[],"class_list":["post-10589","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Filter JavaScript: filtrando e gerindo dados | Homehost<\/title>\n<meta name=\"description\" content=\"Saiba tudo do m\u00e9todo filter JavaScript e sua capacidade de filtrar os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Filter JavaScript: filtrando e gerindo dados | Homehost\" \/>\n<meta property=\"og:description\" content=\"Saiba tudo do m\u00e9todo filter JavaScript e sua capacidade de filtrar os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-28T21:13:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-02T22:33:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daiana S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daiana S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/\",\"name\":\"Filter JavaScript: filtrando e gerindo dados | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png\",\"datePublished\":\"2023-10-28T21:13:16+00:00\",\"dateModified\":\"2025-05-02T22:33:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\"},\"description\":\"Saiba tudo do m\u00e9todo filter JavaScript e sua capacidade de filtrar os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png\",\"width\":1260,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Filter JavaScript: filtrando e gerindo dados\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\",\"name\":\"Daiana S\",\"description\":\"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Filter JavaScript: filtrando e gerindo dados | Homehost","description":"Saiba tudo do m\u00e9todo filter JavaScript e sua capacidade de filtrar os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/","og_locale":"pt_BR","og_type":"article","og_title":"Filter JavaScript: filtrando e gerindo dados | Homehost","og_description":"Saiba tudo do m\u00e9todo filter JavaScript e sua capacidade de filtrar os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array.","og_url":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-10-28T21:13:16+00:00","article_modified_time":"2025-05-02T22:33:59+00:00","og_image":[{"width":1260,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png","type":"image\/png"}],"author":"Daiana S","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Daiana S","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/","url":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/","name":"Filter JavaScript: filtrando e gerindo dados | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png","datePublished":"2023-10-28T21:13:16+00:00","dateModified":"2025-05-02T22:33:59+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689"},"description":"Saiba tudo do m\u00e9todo filter JavaScript e sua capacidade de filtrar os elementos que atendem a certas condi\u00e7\u00f5es, criando um novo array.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png","width":1260,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Filter JavaScript: filtrando e gerindo dados"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689","name":"Daiana S","description":"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br"}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=10589"}],"version-history":[{"count":8,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10589\/revisions"}],"predecessor-version":[{"id":14628,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10589\/revisions\/14628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/10591"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=10589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=10589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=10589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}