Array find and findIndex Methods in JavaScript | JavaScript Array Methods | Beginners tutorial

Veröffentlicht am: 02 September 2022
auf dem Kanal: Code Explained
1,512
56

🎁 Join my channel to get access to perks:
   / @codeexplained  

🧡 Hello All JavaScript Lovers Outhere!

Today you're going to learn about the Array Object In JavaScript.

This tutorial is a series of videos, in each video we will discuss a method (or more) of the Array Object in JavaScript.

In today's video, you're going to learn about the find and findIndex methods.

------------------------------------------------ find ---------------------------------------------------------------------------------------
The find() method returns the value of the first element that passes a test.
The find() method executes a function for each array element.
The find() method returns undefined if no elements are found.
The find() method does not execute the function for empty elements.
The find() method does not change the original array.

🟢🟠 The Array.find().
🔷 Syntax :
// Callback function
find(callbackFn)
find(callbackFn, thisArg)

// Inline callback function
find(function(element) { /* … */ })
find(function(element, index) { /* … */ })
find(function(element, index, array){ /* … */ })
find(function(element, index, array) { /* … */ }, thisArg)


🔹callbackFn : Function to execute on each element.
The function is called with the following arguments:

🔹element : The current element being processed in the array.
🔹index : The index of element in the array.
🔹array : The array forEach() was called upon.
🔹thisArg (Optional) : Value to use as this when executing callbackFn.

------------------------------------------------ findIndex ---------------------------------------------------------------------------------------
The findIndex() method executes a function for each array element.
The findIndex() method returns the index (position) of the first element that passes a test.
The findIndex() method returns -1 if no match is found.
The findIndex() method does not execute the function for empty array elements.
The findIndex() method does not change the original array.

🟢🟠 The Array.findIndex().
🔷 Syntax :
// Callback function
findIndex(callbackFn)
findIndex(callbackFn, thisArg)

// Inline callback function
findIndex(function(element) { /* … */ })
findIndex(function(element, index) { /* … */ })
findIndex(function(element, index, array){ /* … */ })
findIndex(function(element, index, array) { /* … */ }, thisArg)


🔹callbackFn : Function to execute on each element.
The function is called with the following arguments:

🔹element : The current element being processed in the array.
🔹index : The index of element in the array.
🔹array : The array forEach() was called upon.
🔹thisArg (Optional) : Value to use as this when executing callbackFn.


🌍 Social Media Links.
◾ Facebook :   / code.explained.official  
◾ Twitter :   / code_explained  
◾ Instagram :   / code.explained.official  
◾ GitHub : https://github.com/CodeExplainedRepo

💲 Suppport the Channel
Paypal : https://paypal.me/CodeExplained
Buy Me a Coffee: https://www.buymeacoffee.com/CodeExpl...


Auf dieser Seite können Sie das Online-Video Array find and findIndex Methods in JavaScript | JavaScript Array Methods | Beginners tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Code Explained 02 September 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,512 Mal angesehen und es wurde von 56 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!