The latest articles on DEV Community by Zaryab Khalid (@zaryabkhalid). https://dev.to/zaryabkhalid https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F947512%2Fab9d6004-3f9c-4fbe-aaf0-ec7085990f4f.jpeg https://dev.to/zaryabkhalid en Zaryab Khalid Wed, 19 Oct 2022 11:20:46 +0000 https://dev.to/zaryabkhalid/difference-between-find-and-filter-methods-in-javascript--2bbj https://dev.to/zaryabkhalid/difference-between-find-and-filter-methods-in-javascript--2bbj <h2> <strong>find() Method</strong> </h2> <p>This method is used to find the single item in the array. find() method return a single item that fulfill the condition which passes into the callback function.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>let array = ['apple','orange','WaterMelon','Melon'] //apply find() method to the array console.log(array.find((item) =&gt; item=='apple')) returns --&gt; apple </code></pre> </div> <h2> <strong>filter() Method</strong> </h2> <p>This method is used to find the multiple items in the array. filter() method return all those items which fulfills the condition that passes into the callback function.This method return a new array without modifying the original array.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>let array = [1,2,3,4,5,6,7,8,9] //apply filter() method to the array console.log(array.filter((item) =&gt; item &gt;=4))` returns --&gt; new Array [4,5,6,7,8,9] </code></pre> </div> javascript beginners programming react