JavaScript forEach() method in 8 minutes! ➿

00:00:00 introduction
00:00:18 example 1
00:03:58 example 2
00:07:37 conclusion
// forEach() = method used to iterate over the elements
// of an array and apply a specified function (callback)
// to each element
// array.forEach(callback)
// element, index, array are provided
// ------------- EXAMPLE 1 -------------
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(cube);
numbers.forEach(display);
function double(element, index, array){
array[index] = element * 2;
}
function triple(element, index, array){
array[index] = element * 3;
}
function square(element, index, array){
array[index] = Math.pow(element, 2);
}
function cube(element, index, array){
array[index] = Math.pow(element, 3);
}
function display(element){
console.log(element);
}
// ------------- EXAMPLE 2 -------------
let fruits = ["apple", "orange", "banana", "coconut"];
fruits.forEach(capitalize);
fruits.forEach(display);
function upperCase(element, index, array){
array[index] = element.toUpperCase();
}
function lowercase(element, index, array){
array[index] = element.toLowerCase();
}
function capitalize(element, index, array){
array[index] = element.charAt(0).toUpperCase() + element.slice(1);
}
/*
function display(element){
console.log(element);
}
*/

[@BroCodez]

// forEach() = method used to iterate over the elements // of an array and apply a specified function (callback) // to each element // array.forEach(callback) // element, index, array are provided // -------------- EXAMPLE 1 -------------- const numbers = [1, 2, 3, 4, 5]; numbers.forEach(cube); numbers.forEach(display); function double(element, index, array){ array[index] = element * 2; } function triple(element, index, array){ array[index] = element * 3; } function square(element, index, array){ array[index] = Math.pow(element, 2); } function cube(element, index, array){ array[index] = Math.pow(element, 3); } function display(element){ console.log(element); } // -------------- EXAMPLE 2 -------------- let fruits = ["apple", "orange", "banana", "coconut"]; fruits.forEach(capitalize); fruits.forEach(display); function upperCase(element, index, array){ array[index] = element.toUpperCase(); } function lowercase(element, index, array){ array[index] = element.toLowerCase(); } function capitalize(element, index, array){ array[index] = element.charAt(0).toUpperCase() + element.slice(1); } /* function display(element){ console.log(element); } */

[@harshitpant07]

so these videos are made 1 month back and set on auto upload at specific time . nice of 🫵

[@BadavathBalaram]

index and array are built in functions to provide the index values and array collection of fruits and numbers..?

[@user-fp8od8er9g]

array[index] can also write “return” ??

[@vctorroferz]

Hey it is just incredible how you can just explain these concepts in just 8 minutes! thanks so much for makeing these videos ! :)

[@hongquannguyen5532]

very concise, thanks bro

[@mjylove2]

amazing explanation ! understood!

[@yoroih]

thank!! love that!

[@khalidelgazzar]

Great video 👍 thank you 😊

[@gichuhisamuel4387]

Love you bro ❤❤

[@dutdut11]

thanks bro :)

[@user-zp9no9jp2j]

bro, i don't get what you mean when you say the element, index and array are already provided for? please help me understand what you mean by it. and thanks for making such cool tutorials

[@Abdullah-ayab]

i suggest u do it on paper.

[@wintalyrics1226]

Array is an object, So it has properties and methods. So when we create an array variable it will have the properties and methods. Like it automatically counts the number of elements and assign it to the element property.

[@natnaeltaye]

@@wintalyrics1226 hey yoo i like your explanation . i think your from ethiopia, i'm either so we can help each other out in this coding journey so if you down leave me your email or phone number.

[@natnaeltaye]

@@wintalyrics1226 hey yoo i like your explanation. i think your from ethiopia, i'm either so we can help each other out in this coding journey if you down leave me your email or your phone number.

[@gichuhisamuel4387]

❤❤❤

[@TheProgrammingSensei]

forEach also has thisArg option.

[@Stock632]

Supereb