{"id":257386,"date":"2024-04-23T22:37:22","date_gmt":"2024-04-23T22:37:22","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=257386"},"modified":"2024-04-23T22:37:22","modified_gmt":"2024-04-23T22:37:22","slug":"how-to-filter-value-from-an-array-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/","title":{"rendered":"How to filter value from an array in JavaScript?"},"content":{"rendered":"<p>Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain criteria, the <code>filter<\/code> method in JavaScript provides an elegant solution. In this article, we&#8217;ll explore the <code>filter<\/code> method, its usage, and how to effectively filter values from an array in JavaScript.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/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:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#How_to_Filter_Values_from_an_Array_in_JavaScript\" title=\"How to Filter Values from an Array in JavaScript?\">How to Filter Values from an Array in 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:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#1_How_does_the_filter_method_work_in_JavaScript\" title=\"1. How does the filter method work in JavaScript?\">1. How does the filter method work in JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#2_How_to_filter_out_empty_strings_from_an_array_in_JavaScript\" title=\"2. How to filter out empty strings from an array in JavaScript?\">2. How to filter out empty strings from an array in JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#3_Can_we_filter_an_array_based_on_string_length\" title=\"3. Can we filter an array based on string length?\">3. Can we filter an array based on string length?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#4_How_to_filter_an_array_of_objects_by_a_specific_property\" title=\"4. How to filter an array of objects by a specific property?\">4. How to filter an array of objects by a specific property?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#5_How_can_we_filter_an_array_using_multiple_conditions\" title=\"5. How can we filter an array using multiple conditions?\">5. How can we filter an array using multiple conditions?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#6_How_to_filter_an_array_in_JavaScript_without_using_the_filter_method\" title=\"6. How to filter an array in JavaScript without using the filter method?\">6. How to filter an array in JavaScript without using the filter method?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#7_Can_the_filter_method_modify_the_original_array\" title=\"7. Can the filter method modify the original array?\">7. Can the filter method modify the original array?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#8_How_to_filter_unique_values_from_an_array_in_JavaScript\" title=\"8. How to filter unique values from an array in JavaScript?\">8. How to filter unique values from an array in JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#9_How_to_filter_an_array_and_get_the_first_matching_element\" title=\"9. How to filter an array and get the first matching element?\">9. How to filter an array and get the first matching element?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#10_How_to_filter_an_array_and_get_the_indices_of_matching_elements\" title=\"10. How to filter an array and get the indices of matching elements?\">10. How to filter an array and get the indices of matching elements?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#11_How_to_filter_an_array_and_get_the_last_matching_element\" title=\"11. How to filter an array and get the last matching element?\">11. How to filter an array and get the last matching element?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#12_How_to_filter_falsy_values_from_an_array_in_JavaScript\" title=\"12. How to filter falsy values from an array in JavaScript?\">12. How to filter falsy values from an array in JavaScript?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Filter_Values_from_an_Array_in_JavaScript\"><\/span><strong>How to Filter Values from an Array in JavaScript?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The <code>filter<\/code> method in JavaScript allows you to create a new array with elements that pass a specific test. This test is defined by a callback function that you provide. The callback function should return <code>true<\/code> if the element should be included in the filtered array, or <code>false<\/code> if it should be excluded.<\/p>\n<p>Here&#8217;s an example to demonstrate how to filter values from an array using the <code>filter<\/code> method:<\/p>\n<p>&#8220;`javascript<br \/>\nconst numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];<\/p>\n<p>const evenNumbers = numbers.filter(number => number % 2 === 0);<\/p>\n<p>console.log(evenNumbers);<br \/>\n\/\/ Output: [2, 4, 6, 8, 10]<br \/>\n&#8220;`<\/p>\n<p>In this example, an array named <code>numbers<\/code> is defined. The <code>filter<\/code> method is called on the <code>numbers<\/code> array with a callback function that checks if each number is divisible by 2 (i.e., if the remainder when dividing by 2 is 0). If the condition is true, the number is included in the <code>evenNumbers<\/code> array. Finally, the <code>evenNumbers<\/code> array is printed to the console, resulting in [2, 4, 6, 8, 10].<\/p>\n<p>The <code>filter<\/code> method provides a powerful way to selectively extract values from an array based on various criteria.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_How_does_the_filter_method_work_in_JavaScript\"><\/span>1. How does the <code>filter<\/code> method work in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>The <code>filter<\/code> method applies a callback function to each element of the array and returns a new array with the elements for which the callback returns <code>true<\/code>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_How_to_filter_out_empty_strings_from_an_array_in_JavaScript\"><\/span>2. How to filter out empty strings from an array in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can use the <code>filter<\/code> method with a callback function that checks for empty strings using <code>Boolean<\/code> as the callback, like this:<\/p>\n<p>&#8220;`javascript<br \/>\nconst array = [&#8216;apple&#8217;, &#8221;, &#8216;banana&#8217;, &#8221;, &#8216;cherry&#8217;];<\/p>\n<p>const nonEmptyArray = array.filter(Boolean);<\/p>\n<p>console.log(nonEmptyArray);<br \/>\n\/\/ Output: [&#8216;apple&#8217;, &#8216;banana&#8217;, &#8216;cherry&#8217;]<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Can_we_filter_an_array_based_on_string_length\"><\/span>3. Can we filter an array based on string length?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>Yes, you can use a callback function that checks the length of each element and filters accordingly. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst words = [&#8216;cat&#8217;, &#8216;elephant&#8217;, &#8216;dog&#8217;, &#8216;lion&#8217;];<\/p>\n<p>const longWords = words.filter(word => word.length > 3);<\/p>\n<p>console.log(longWords);<br \/>\n\/\/ Output: [&#8216;elephant&#8217;, &#8216;lion&#8217;]<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_to_filter_an_array_of_objects_by_a_specific_property\"><\/span>4. How to filter an array of objects by a specific property?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can use the <code>filter<\/code> method with a callback function that checks the desired property of each object. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst products = [<br \/>\n  { name: &#8216;iPhone&#8217;, price: 999 },<br \/>\n  { name: &#8216;MacBook&#8217;, price: 1999 },<br \/>\n  { name: &#8216;iPad&#8217;, price: 799 },<br \/>\n];<\/p>\n<p>const expensiveProducts = products.filter(product => product.price > 1000);<\/p>\n<p>console.log(expensiveProducts);<br \/>\n\/\/ Output: [{ name: &#8216;iPhone&#8217;, price: 999 }, { name: &#8216;MacBook&#8217;, price: 1999 }]<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_How_can_we_filter_an_array_using_multiple_conditions\"><\/span>5. How can we filter an array using multiple conditions?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can combine multiple conditions using logical operators (<code>&&<\/code> for AND, <code>||<\/code> for OR) in the callback function. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];<\/p>\n<p>const filteredNumbers = numbers.filter(number => number > 5 &#038;&#038; number < 8);\n\n\nconsole.log(filteredNumbers);<br \/>\n\/\/ Output: [6, 7]<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_How_to_filter_an_array_in_JavaScript_without_using_the_filter_method\"><\/span>6. How to filter an array in JavaScript without using the <code>filter<\/code> method?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>Although the <code>filter<\/code> method provides an efficient way to filter arrays, you can achieve similar results using other array methods like <code>reduce<\/code> or <code>forEach<\/code>. However, using <code>filter<\/code> is generally more concise and readable.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Can_the_filter_method_modify_the_original_array\"><\/span>7. Can the <code>filter<\/code> method modify the original array?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>No, the <code>filter<\/code> method does not modify the original array. It returns a new array containing the filtered elements without altering the original array.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_How_to_filter_unique_values_from_an_array_in_JavaScript\"><\/span>8. How to filter unique values from an array in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can remove duplicate values from an array by combining the <code>filter<\/code> method with the <code>indexOf<\/code> method. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst array = [1, 2, 2, 3, 4, 4, 5];<\/p>\n<p>const uniqueArray = array.filter((value, index, self) => self.indexOf(value) === index);<\/p>\n<p>console.log(uniqueArray);<br \/>\n\/\/ Output: [1, 2, 3, 4, 5]<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_How_to_filter_an_array_and_get_the_first_matching_element\"><\/span>9. How to filter an array and get the first matching element?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can use the <code>find<\/code> method instead of <code>filter<\/code> if you only want to retrieve the first element that matches the criteria. The <code>find<\/code> method returns the first element found or <code>undefined<\/code> if no element satisfies the condition. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst numbers = [1, 2, 3, 4, 5];<\/p>\n<p>const firstEvenNumber = numbers.find(number => number % 2 === 0);<\/p>\n<p>console.log(firstEvenNumber);<br \/>\n\/\/ Output: 2<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_How_to_filter_an_array_and_get_the_indices_of_matching_elements\"><\/span>10. How to filter an array and get the indices of matching elements?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can use the <code>filter<\/code> method in combination with the <code>map<\/code> method to get the indices of matching elements. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst array = [5, 2, 6, 1, 4, 3];<\/p>\n<p>const indices = array<br \/>\n  .map((value, index) => value % 2 === 0 ? index : -1)<br \/>\n  .filter(index => index !== -1);<\/p>\n<p>console.log(indices);<br \/>\n\/\/ Output: [1, 2, 4]<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_How_to_filter_an_array_and_get_the_last_matching_element\"><\/span>11. How to filter an array and get the last matching element?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can reverse the array and then use the <code>find<\/code> method to get the last element that matches the condition. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst numbers = [1, 2, 3, 4, 5];<\/p>\n<p>const lastEvenNumber = numbers.reverse().find(number => number % 2 === 0);<\/p>\n<p>console.log(lastEvenNumber);<br \/>\n\/\/ Output: 4<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_How_to_filter_falsy_values_from_an_array_in_JavaScript\"><\/span>12. How to filter falsy values from an array in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><\/p>\n<p>You can use the <code>filter<\/code> method with a callback function that checks if the element is truthy. Here&#8217;s an example:<\/p>\n<p>&#8220;`javascript<br \/>\nconst array = [null, 0, undefined, &#8221;, 1, &#8216;hello&#8217;];<\/p>\n<p>const truthyValues = array.filter(value => value);<\/p>\n<p>console.log(truthyValues);<br \/>\n\/\/ Output: [1, &#8216;hello&#8217;]<br \/>\n&#8220;`<\/p>\n<p>Filtering values from an array in JavaScript is a versatile technique that empowers developers to extract specific elements efficiently. Whether it&#8217;s removing empty strings, filtering objects, or combining conditions, the <code>filter<\/code> method is an excellent tool to have in your JavaScript arsenal.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain criteria, the filter method in JavaScript provides an elegant solution. In this article, we&#8217;ll explore the filter method, its usage, and how to effectively filter values from an array &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to filter value from an array in JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#more-257386\">Read more<span class=\"screen-reader-text\">How to filter value from an array in JavaScript?<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-257386","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to filter value from an array in JavaScript?<\/title>\n<meta name=\"description\" content=\"Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to filter value from an array in JavaScript?\" \/>\n<meta property=\"og:description\" content=\"Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-23T22:37:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Timothy Mathis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Timothy Mathis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/\"},\"author\":{\"name\":\"Timothy Mathis\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318\"},\"headline\":\"How to filter value from an array in JavaScript?\",\"datePublished\":\"2024-04-23T22:37:22+00:00\",\"dateModified\":\"2024-04-23T22:37:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/\"},\"wordCount\":825,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/\",\"name\":\"How to filter value from an array in JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-04-23T22:37:22+00:00\",\"dateModified\":\"2024-04-23T22:37:22+00:00\",\"description\":\"Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to filter value from an array in JavaScript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318\",\"name\":\"Timothy Mathis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Timothy Mathis\"},\"description\":\"Guest author Timothy Mathis has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to filter value from an array in JavaScript?","description":"Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain","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:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to filter value from an array in JavaScript?","og_description":"Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain","og_url":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-04-23T22:37:22+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png","type":"image\/png"}],"author":"Timothy Mathis","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Timothy Mathis","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/"},"author":{"name":"Timothy Mathis","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318"},"headline":"How to filter value from an array in JavaScript?","datePublished":"2024-04-23T22:37:22+00:00","dateModified":"2024-04-23T22:37:22+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/"},"wordCount":825,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/","name":"How to filter value from an array in JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-04-23T22:37:22+00:00","dateModified":"2024-04-23T22:37:22+00:00","description":"Filtering values from an array is a common operation in JavaScript. Whether you need to remove specific elements or create a new array based on certain","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-filter-value-from-an-array-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to filter value from an array in JavaScript?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/ffa5be155490b2344e28f672fcc1e318","name":"Timothy Mathis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Timothy Mathis"},"description":"Guest author Timothy Mathis has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/257386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=257386"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/257386\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=257386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=257386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=257386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}