![\"\"](\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1674107372517-JavaScript%20Array%20filter%28%29%20Method.jpg\")
<\/p>\n<\/p>\n
In this post, we will discuss the JavaScript Array filter() method. We will explain the array filter() method by taking different examples. Firstly, we will see the definition of the JavaScript array filter() method.<\/p>\n
The JavaScript Array filter()<\/strong> Method is used to generate a new array from an existing array that only contains the components of the original array that meet the criteria specified by the argument method.<\/p>\n Syntax:<\/strong><\/p>\n As indicated and further defined below, this procedure accepts five parameters: <\/p>\n To better understand the concept let’s look at some additional JavaScript examples of array filters.<\/p>\n Example 1:<\/strong> Output:<\/strong><\/p>\n Example 2:<\/strong> In this illustration, the function filter() makes a new array in which only the elements that meet the isPositive() function’s criterion are included.<\/p>\n Output:<\/strong><\/p>\n Example 3:<\/strong>In this illustration, the function filter() makes a new array in which only the elements that meet the isEven() function’s criterion are included.<\/p>\n Output:<\/strong><\/p>\n Only those members in the new array that meet the arg_function’s requirement are returned by this procedure.<\/p>\n Take a look at the example below to see how JavaScript’s array filter functions. In this illustration, we’ll make an array of integer values. After that, we’ll filter out even integers using the array filter() function and log the resulting array to the console.<\/p>\n Output:<\/strong><\/p>\n The output shows that only the even members of the num array were added to the new even num array using the array filter method. Let’s now go out how this operates step by step.<\/p>\n The JavaScript array filter technique has the following drawbacks in addition to its many advantages:<\/p>\n The list of browsers that permit the usage of the JavaScript array filter technique is shown below.<\/p>\n Conclusion<\/strong> In this post, we will discuss the JavaScript Array filter() method. We will explain the array filter() method by taking different examples. Firstly, we will see the definition of the JavaScript array filter() method. What is the JavaScript Array Filter() Method? The JavaScript Array filter() Method is used to generate a new array from an […]<\/p>\n","protected":false},"author":52,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[162],"tags":[],"class_list":["post-11852","post","type-post","status-publish","format-standard","hentry","category-javascript"],"yoast_head":"\narray.filter(callback(element, index, arr), thisValue)<\/code><\/pre>\nParameters:<\/h3>\n
\n
JavaScript Array Filter(): Examples<\/h2>\n
\nIn this illustration, the canVote() function checks a condition, and the method filter() only adds members to the new array that meets that requirement.<\/p>\n\/\/ JavaScript to illustrate findIndex() method\n function canVote(age) {\n return age >= 8;\n }\n\n function func() {\n var filtered = [4, 3, 10, 20].filter(canVote);\n console.log(filtered);\n }\n func();<\/code><\/pre>\n[10, 20]<\/code><\/pre>\nfunction isPositive(value) {\n return value > 10;\n }\n\n var filtered = [12, 50, 0, -5, 44].filter(isPositive);\n console.log(filtered);<\/code><\/pre>\n[12, 50, 44]<\/code><\/pre>\nfunction isEven(value) {\n return value % 2 == 0;\n }\n\n var filtered = [11, 98, 31, 23, 944].filter(isEven);\n console.log(filtered);<\/code><\/pre>\n[98, 944]<\/code><\/pre>\nReturn value:<\/h3>\n
How does the JavaScript Array filter() method work?<\/h2>\n
let num = [3, 6, 7, 12, 18, 23, 44, 62, 81];\nlet even_num = num.filter(function(item){\n return item % 2 == 0; });\nconsole.log(even_num);<\/code><\/pre>\nCONSOLE X\n(5) [6, 12, 18, 44, 62]<\/code><\/pre>\n\n
Drawbacks of JavaScript Array Filter()<\/h2>\n
\n
Browsers That Support Array Filter In JavaScript<\/h2>\n
\n
\nIn this article, you have learned everything about the JavaScript array filter(). We hope this article clears all your doubts and gives you a good grasp on the JavaScrip filter() method.<\/p>\n","protected":false},"excerpt":{"rendered":"