On your request, I have revamped the channel membership and added more levels. Click the join button to check out more - th-cam.com/channels/eVMnSShP_Iviwkknt83cww.htmljoin
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys Thank you so much in advance :)
Imagine you have a bunch of toys in a basket, and you want to do different things with them: 1. Map: Imagine you want to paint each toy in the basket with a bright color. To do this, you would take one toy at a time, paint it, and put it back in the basket. Map works similarly. It takes a function and applies it to each toy in the basket, creating a new basket with the transformed toys. So, map transforms each toy without changing their order or number. 2. Filter: Now, let's say you only want to keep the toys that are soft. You would go through each toy, feel its texture, and keep only the soft ones in the basket. Filter works in a similar way. It takes a function that checks a condition and applies it to each toy. It creates a new basket containing only the toys that satisfy the condition. So, filter helps you select and keep only specific toys based on a condition. 3. Reduce: Finally, imagine you want to find the total number of toys in the basket. You would count one toy at a time, adding the count to a running total. Reduce does something similar. It takes a function that combines two toys and reduces the collection to a single value. In our case, it would add the count of each toy to a running total until there are no more toys left. So, reduce helps you aggregate or combine values into a single result. I hope this simplified explanation helps you understand the concepts of map, filter, and reduce!
Bhai mere pass laptop nhi h fir v Python , html ,css , C sikha hoon haryy Bhai se phone se code krke online compilers and interpreters ke through. Or avi replit se krte h coding iss JS course ko. Thank you Harry bhai.🤟✨
Excuse me sir ! Ye problem samaj main nehi aa raha 🙏🏻🥺.. 7:6 yaha pe function name a ko kese pata ki a array ka values le raha hain ( array ka naam to alag hain na == arr
@@bhaskarartwork5762 Bcz 7:06 py a2 ko arr2(array) KY equal kiya aur usmy (a) likha tou ab wo as (a) use ho rhi hai "array"...isliya wo array ki values Lai Raha..
@codewithharry; bhai apki puri series nhi dekhi but jis jis topic me doubt hai vo dekha, sachme eakdum clear ho gya. The amount of hardware you put while creating this and explaining is commendable and should be appreciated. Thankyou!
perfect explanation Harry bhai....map ko main pahaaar smjh raha tha ....ap ny to aisy explain kr k smjhaya jesy koi makhi urra di ho.....❤❤...Thank you so much brother
These series are extremely helpful. I have a small request for you. After finishing this tutorial please make a full tutorial on the integration of React app inside WordPress. Thank you so much.
Hi Harry, I am Jawad Azeemi from Pakistan; just started learning from you instead of my instructor because he is worthy to teach but at the same time, you too worthy because you run with new values added day by day in JS. Thanks. // let luther = [45, 87, 4, 65] // luther.map((value)=>{ // value ke jagha kuch be likh sakte ho aap log // console.log(value)// jo value ya kuch ooper likha ha , wahi idher be likhna ha // }) let luther = [45, 87, 4, 65] // ab ham thora change kerte han ooper walay ko let flower =luther.map((value)=>{ return value + 2 // console.log(value) }) console.log(flower) /* now ma chahta hoo ke ye 2 sirf aur sirf add ho index 2 ka sath jo ke array ma 4 ha*/ let luther1 = [45, 87, 4, 65]; let flower1 = luther1.map((value, index) => { if (index === 2) { return value + 2; // Adds 2 only to the element at index 2. } else { return value; // For other elements, keep the same value. } }); console.log(flower1); // Output: [45, 87, 6, 65]
A little bit of Motivation from my side : Got infected by Denguee , couldn't code for 2 months and now after 1 month practice , i am back where i left , i watched your html video did html project , watched your css video did the project and now i'm back where i left (Nov 19 to Dec 16) and now i will end this playlist as well
@CodeWithHarry // Reduce() returns single value from array and used to perform operation on the elements of called array like here we are multiplying elements from the called array and returning the output. // If we provide three argument to the reduce() then the 1st and 2nd arguments will be elements of the array and 3rd argument will be the index of 2nd element in the operation. let arr3 = [1, 5, 6, 4, 3, 2]; let a3 = arr3.reduce((d1,d2)=> { return d1*d2; }); let a4 = arr3.reduce((d1,d2,d3)=>{ return d1*d2*d3; }) console.log(a3); console.log(a4);
12:10 bahut bada concept lugta tha map , filter , reduce ; bahut advance concept lugta tha in fact intimidating bhi lugta tha mujhey toh lekin such bataun harry bhai , aap ki video dekhne k baad samjh mei ayaa ki ye kya choti si cheez se durr ruha tha mei . Thank u so much complicated ko simple bananey k liye ! Happy Diwali !🪔
Thank you harish sir you are such a great teacher love you sir ❤️❤️❤️❤️ I am watching your old video for learning I am BCA student of secend year starting
00:02 Learn about Map, Filter, and Reduce 01:50 Exploring the differences between map and forEach in JavaScript 03:23 Map creates a new array and foreach iterates over and does something for each array element. 04:49 Use map method to create a new array with values from original array 06:21 The filter function in JavaScript filters an array based on a given condition. 07:53 The reduce method in JavaScript 09:26 The reduce function takes the first and second values and runs the same function with the result 11:05 Map, Filter, Reduce is a modern concept Crafted by Merlin AI.
Love u bro 😂❤❤ whenever i see you i feel relaxed but kbhi kbhi apki speed ke barabar ane me time lag jata hai lekin kam mt krna yahi sahi hai speed revision ke liy best h
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys Thank you so much in advance :)
QUICK NOTE FROM VIDEO : TIMESTAMP : 00:00 QUESTION : What is Higher Order Methods / function. ANSWER : A “Higher Order Method / Function” is a function that accepts functions as parameters and/or returns a function. That's Why Map, filter and reduce is called Higher Order Methods.
Thank You Harry Bhai I searched map,filter,reduce but I couldn't understand I was just waiting for your next video.Higer Order Function, Really Helpful Course Thanks Alot.
In reduce we can paas initail summation ..like here i am passing -1 . let num=[1,2,3] let sum = num.reduce((prev, curr, index, array) => { return prev + curr; }, -1) Guess the output.
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys Thank you so much in advance :)
Filter function me agar humein practically dekhna hai k changes existing array me ho rahi hain to ap ye code run kar k dekh sakty hain. let k sath nhi ho sakta check. var arr2 = [ 2,3,5,10,15,20] var arr2 = arr2.filter((a)=>{ return a
Hi Sir , This Aakash Thakur i saw all python video that very useful for me and others that tutorial is enough to face interview including their projects
4:14 why the function assuming the first parameter as the value automatically, even while I'm trying to declare the index value as a first parameter, such that :--> let marks=[100,98,95,89,91]; let m=marks.map((index,value)=>{ console.log(index,":",value); return value -10 }) console.log(m); what if i want to print the index first ? ex :--> 0 : 45 1 : 23 2 : 21
let a=[1,2,3,4] a.map((x, y) => { console.log(y,x); }) try this declare the parameters as value , index ..... and then console.log the index first and then the value this will print the index first....
Hey Harry, You did a great job. And "Thanks" is very small word for all of your efforts. I believe "God Bless You" will be more apprepreate for your cpntinous endless efforts.
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys Thank you so much in advance :)
Harry brother please make videos on DSA with javascript parallely I know it will be very tough to make but I really want and it will also help others 🙏
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys Thank you so much in advance :)
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys Thank you so much in advance :)
#Doubt regarding array. 1.How did this happen what does this mean? Can you please explain. let arr = [1,2,3]; arr[-1] = 7; console.log(arr); console.log(arr[-1]); Output : [ 1, 2, 3, '-1': 7 ] 7 2. Can you please explain reduce function with some unsual possibilities? How did these Output came can you please explain. a. How?? let arr = [1,2,3]; console.log(arr.reduce((h1)=>{ return h1+h1; })) Output: 4 b.How?? let arr = [1,2,3]; console.log(arr.reduce((h1,h2,h3)=>{ return h1+h2+h3; })) Output: 9
Doubt 1 - Since the array is also treated as an object in javascript and keeps array values on number indexes like { 0: 1, 1: 2, 2: 3} but when it shows the array, it shows values from index 0 to n only not on any random indexes and you can access value through keys in case its negative or any string key
Doubt2 - reduce starts iteration from second array element and pass arr[0] as accumulator value(h1) so on the first iteration new accumulator returned will be 1 + 1 = 2 and it moves to second iteration with h1 as 2 and return new accumulator value as 2 + 2 = 4
On your request, I have revamped the channel membership and added more levels.
Click the join button to check out more - th-cam.com/channels/eVMnSShP_Iviwkknt83cww.htmljoin
literally your comment has 0 likes 1st one is mine ignore man
C1 karle nay vale kaise ate
harry bhaiya mujhe pls ye baatiyen ki sifr front end developement ke liye kitna basic javascript padna chahiye?
@@shreyashreeguha1074 puri knowledge hona zaruri hai, i am a frontend developer too
@CodeWithHarry can you please suggest book for javascript
Congrats everyone on your 20th video of js keep learning!!👍👍😁😁
Chl thank you yr, pta to chla ki 20th video pr hain 🤓😅😂
@@atirrasheedhashmi lol🤣🤣👍👍
🤡🤡Mai bhi Hoon
Aapko follow karte karte idhar tak aa gya
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys
Thank you so much in advance :)
i hope koi purana nhi bhulta huva a rha hai
Imagine you have a bunch of toys in a basket, and you want to do different things with them:
1. Map: Imagine you want to paint each toy in the basket with a bright color. To do this, you would take one toy at a time, paint it, and put it back in the basket. Map works similarly. It takes a function and applies it to each toy in the basket, creating a new basket with the transformed toys. So, map transforms each toy without changing their order or number.
2. Filter: Now, let's say you only want to keep the toys that are soft. You would go through each toy, feel its texture, and keep only the soft ones in the basket. Filter works in a similar way. It takes a function that checks a condition and applies it to each toy. It creates a new basket containing only the toys that satisfy the condition. So, filter helps you select and keep only specific toys based on a condition.
3. Reduce: Finally, imagine you want to find the total number of toys in the basket. You would count one toy at a time, adding the count to a running total. Reduce does something similar. It takes a function that combines two toys and reduces the collection to a single value. In our case, it would add the count of each toy to a running total until there are no more toys left. So, reduce helps you aggregate or combine values into a single result.
I hope this simplified explanation helps you understand the concepts of map, filter, and reduce!
bro, am telling u ...become a cs teacher
Amazing work
credit goes to artificial intelligence
hehehe thats nice to get help from chat GPT.
@@dhruvraj9548😂😂
Bhai mere pass laptop nhi h fir v
Python , html ,css , C sikha hoon haryy Bhai se phone se code krke online compilers and interpreters ke through.
Or avi replit se krte h coding iss JS course ko.
Thank you Harry bhai.🤟✨
kya karte ho life me abhi?
@@fightforfitness2256 zinda hai
this is called real struggling
Code Backup Repository: github.com/CodeWithHarry/ultimate-js-course-youtube
Excuse me sir ! Ye problem samaj main nehi aa raha 🙏🏻🥺..
7:6 yaha pe function name a ko kese pata ki a array ka values le raha hain ( array ka naam to alag hain na == arr
@@bhaskarartwork5762 Bcz 7:06 py a2 ko arr2(array) KY equal kiya aur usmy (a) likha tou ab wo as (a) use ho rhi hai "array"...isliya wo array ki values Lai Raha..
@codewithharry; bhai apki puri series nhi dekhi but jis jis topic me doubt hai vo dekha, sachme eakdum clear ho gya. The amount of hardware you put while creating this and explaining is commendable and should be appreciated. Thankyou!
hardware💀
🤣"hardware💀"🤣
perfect explanation Harry bhai....map ko main pahaaar smjh raha tha ....ap ny to aisy explain kr k
smjhaya jesy koi makhi urra di ho.....❤❤...Thank you so much brother
These series are extremely helpful. I have a small request for you. After finishing this tutorial please make a full tutorial on the integration of React app inside WordPress. Thank you so much.
Hi Harry, I am Jawad Azeemi from Pakistan; just started learning from you instead of my instructor because he is worthy to teach but at the same time, you too worthy because you run with new values added day by day in JS. Thanks.
// let luther = [45, 87, 4, 65]
// luther.map((value)=>{ // value ke jagha kuch be likh sakte ho aap log
// console.log(value)// jo value ya kuch ooper likha ha , wahi idher be likhna ha
// })
let luther = [45, 87, 4, 65]
// ab ham thora change kerte han ooper walay ko
let flower =luther.map((value)=>{
return value + 2
// console.log(value)
})
console.log(flower)
/* now ma chahta hoo ke ye 2 sirf aur sirf add ho
index 2 ka sath jo ke array ma 4 ha*/
let luther1 = [45, 87, 4, 65];
let flower1 = luther1.map((value, index) => {
if (index === 2) {
return value + 2; // Adds 2 only to the element at index 2.
} else {
return value; // For other elements, keep the same value.
}
});
console.log(flower1); // Output: [45, 87, 6, 65]
guys, do like share subscribe and everything you can do without been demanded by Harry himself. Doing such a great work !! He deserves this.
Done ! keep on practicing guys good luck
A little bit of Motivation from my side :
Got infected by Denguee , couldn't code for 2 months and now after 1 month practice , i am back where i left , i watched your html video did html project , watched your css video did the project and now i'm back where i left (Nov 19 to Dec 16) and now i will end this playlist as well
Krli end ?
@CodeWithHarry
// Reduce() returns single value from array and used to perform operation on the elements of called array like here we are multiplying elements from the called array and returning the output.
// If we provide three argument to the reduce() then the 1st and 2nd arguments will be elements of the array and 3rd argument will be the index of 2nd element in the operation.
let arr3 = [1, 5, 6, 4, 3, 2];
let a3 = arr3.reduce((d1,d2)=> {
return d1*d2;
});
let a4 = arr3.reduce((d1,d2,d3)=>{
return d1*d2*d3;
})
console.log(a3);
console.log(a4);
Thanks brother. You are just amazing. You can just start with any video without prior knowledge and still get your doubt clear. Again thanks man 👍💯
12:10 bahut bada concept lugta tha map , filter , reduce ; bahut advance concept lugta tha in fact intimidating bhi lugta tha mujhey toh lekin such bataun harry bhai , aap ki video dekhne k baad samjh mei ayaa ki ye kya choti si cheez se durr ruha tha mei . Thank u so much complicated ko simple bananey k liye ! Happy Diwali !🪔
Hey, Diwali's coming!!! I am here after 2 years but Happy Diwali
@TK-018 happy Diwali brother . Radhe Radhe bhaiyya g 😁😇
3:28 we can perform operation in return like we perform operation in forEach loop. the difference is that here we create a new array right?
This course is very helpful 👍🏻 keep posting videos thank you
7:19 if you do the same operation with map it would return a boolean array.
Very helpful video Maja aa gya Bhai 🔥🔥🔥👍
Thank you harish sir you are such a great teacher love you sir ❤️❤️❤️❤️
I am watching your old video for learning I am BCA student of secend year starting
00:02 Learn about Map, Filter, and Reduce
01:50 Exploring the differences between map and forEach in JavaScript
03:23 Map creates a new array and foreach iterates over and does something for each array element.
04:49 Use map method to create a new array with values from original array
06:21 The filter function in JavaScript filters an array based on a given condition.
07:53 The reduce method in JavaScript
09:26 The reduce function takes the first and second values and runs the same function with the result
11:05 Map, Filter, Reduce is a modern concept
Crafted by Merlin AI.
Love u bro 😂❤❤ whenever i see you i feel relaxed but kbhi kbhi apki speed ke barabar ane me time lag jata hai lekin kam mt krna yahi sahi hai speed revision ke liy best h
Lots of love from Pakistan #codewithharry according to mine you are one of the massive gem on this era♥️♥️♥️♥️
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys
Thank you so much in advance :)
Harry bhaiya thanks🥺❤️😊
Knowledgeable👍👍👍 Thanks for making this JavaScript course🙏🙏🙏
Thank You Harry Bhaii For Explaining in this much simple 🙏🙏
Sir we are beginner
So explain every small please 🙏
Bit I like your teaching skills ❤️
Thankyou harry bhai❤
QUICK NOTE FROM VIDEO :
TIMESTAMP : 00:00
QUESTION : What is Higher Order Methods / function.
ANSWER : A “Higher Order Method / Function” is a function that accepts functions as parameters and/or returns a function.
That's Why Map, filter and reduce is called Higher Order Methods.
thank you!
@@futurexa Welcome.
Thanku 👍
thanks man
Koi nhi sirji...bahut shi bnayeho aap video
Thank You Harry Bhai I searched map,filter,reduce but I couldn't understand I was just waiting for your next video.Higer Order Function, Really Helpful Course
Thanks Alot.
In reduce we can paas initail summation ..like here i am passing -1 .
let num=[1,2,3]
let sum = num.reduce((prev, curr, index, array) => {
return prev + curr;
}, -1)
Guess the output.
Aisa samjhaya ki simple lagne laga . . . . shukriya
harry sir gajab dha rahey hai....humarey liye aap coding daaata hai....kirpya aapke charan dikhaye.........
Harry bhai you are my codding inspiration
❣❣❣❣❣❣❣
11:13 simple sum function se bhi ho jayega
sir u are great and ur teaching method is unique
let rating =[1,2,6,1]
let a=rating. reduce((r1,r2)=>{
return r1+r2
})
console.log(a);
10
the way you explain, you make everything so easy to understand.
Love Your content harry bhai op I love the way you explain really good
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys
Thank you so much in advance :)
Filter function me agar humein practically dekhna hai k changes existing array me ho rahi hain to ap ye code run kar k dekh sakty hain. let k sath nhi ho sakta check.
var arr2 = [ 2,3,5,10,15,20]
var arr2 = arr2.filter((a)=>{
return a
bubu to bahi balak hai
10:04 -- reduce() is like the fibonacci series..
Hi Sir , This Aakash Thakur i saw all python video that very useful for me and others that tutorial is enough to face interview including their projects
Best tutorials ever of java script ❤️❤️❤️
So well Explained Haider ali khan my 5th True love 😍😍
Best channel on youtube thanks
Thank you for such as simple yet clear explanation
Inshort Map and filter will give an array and reduce gives a single value array.
6:53 kya yaha par ham while method ke through ek condition prepare kar sakte hai?
❤Appreciated Harry Bro.
1st view ❤️
Love from Odisha 🇮🇳❤️
Present Harry bhai osm video 🤩🤩🤩
Bhaiya like bnta hai ek❤️❤️
Maza aa raha hai harry bhai 🤘
I love You bhai tum nahi hote to coding sikhne ka maja hi nahi ata. dil se sukriya
nice explain
Can you tell the common difference between map,filter and reduce??
We can perform any operations on array without affecting their original value
4:14 why the function assuming the first parameter as the value automatically, even while I'm trying to declare the index value as a first parameter, such that :-->
let marks=[100,98,95,89,91];
let m=marks.map((index,value)=>{
console.log(index,":",value);
return value -10
})
console.log(m);
what if i want to print the index first ?
ex :--> 0 : 45
1 : 23
2 : 21
let a=[1,2,3,4]
a.map((x, y) => {
console.log(y,x);
})
try this declare the parameters as value , index .....
and then console.log the index first and then the value
this will print the index first....
console.log(index + ":" + value); use Plus to print .
please zoom the notes then show so that it could be more visible
The starting song cool hai as cool our harry sir🔥🔥
I get job on mnc by help of your video's but still here for learning more
really, how much did u take time nd u learned all the concepts
Aaj maine three chiz sikha map,filter,reduce very happy
10:47 sir basically the function adds all the elements of an array... correct me if I am wrong
yes
Very useful ❤❤ course everyone should be learn, because you can get new 🔥🔥
Journey Till 20th Video was Fantastic! Need Mini Projects tho!
Thank you so much sir
Thankyou very much 😃😃😃😃 Sir
love your explanation.Thank you!
Reduce method is veryy usefull actually
Sorry please elaborate more on reduce and the differences between map and foreach. I can't get enough with this tutorial.
Simple map function always return and for each does not return anything
@@ashutoshrai2717 Thank you now I understand how things work.
Thankyou Thankyou So Much How Amazingly you explain it You are the Best Harry Bhai ❤️✨
harry bhai aap hamare god ho bhai koi chakkar to nahi agar ham aap ki videos download krke smabhal ke rakh le
Thank you for explantion!
Harry bhai tusi Great Oo...
c programing playlist or 15hr c programing video which one should i prefer??
playlist is much helpful
Jo tmhe psnd h wo kro
Hey Harry, You did a great job. And "Thanks" is very small word for all of your efforts. I believe "God Bless You" will be more apprepreate for your cpntinous endless efforts.
Thank you so much bhaiya for this beautiful course
If i get a good job definitely i ll pay you with whole hearted😌😌
1:32 Absolutely Not Imran khan 💓
Lage rahe ho bss sab bss harray bhai zindabad
confusion clear...
padte hue hasi aati haapke saath thanks bro + sir g 😂😂😄😄
Sahi he hai Harry bhai, pls cover all methods it help to learn and remember..
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys
Thank you so much in advance :)
Harry bhai thode jaldi jaldi video banao me nextjs ka course bhi follow kar rha hu... JavaScript strong chahiye
@CodeWithHarry let a2=arr2.filter(a=>a>5)
Harry brother please make videos on DSA with javascript parallely I know it will be very tough to make but I really want and it will also help others 🙏
Follow code step by step channel for dsa in js
go to code help channel for DSA and do code in JS...!
enjoying the course
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys
Thank you so much in advance :)
Everyone please subscribe and like every vids of Sir ..That's the least we can do for him😄
Please continue js course in Programmingwithharry channel
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys
Thank you so much in advance :)
NICE PLAYLIST TILL NOW...
I appreciate covering all functions in a single video, I love your videos too, But I think for reduce method you could have stated the arguments list.
OP HARRY BHI .I UNDERSTAND EASILY
YOU EXPLAIN SIMPLE WORDS SIR 🌹
Thank you for providing this information. Purple Heart, Purple Heart.
Bhai, same same methods python me bhi practice krk aa rhi hu...or ab abb mess ho gya he 😂
Thanks for notes ,
thank you sir this course is very helpfull
#Doubt regarding array.
1.How did this happen what does this mean? Can you please explain.
let arr = [1,2,3];
arr[-1] = 7;
console.log(arr);
console.log(arr[-1]);
Output :
[ 1, 2, 3, '-1': 7 ]
7
2. Can you please explain reduce function with some unsual possibilities? How did these Output came can you please explain.
a. How??
let arr = [1,2,3];
console.log(arr.reduce((h1)=>{
return h1+h1;
}))
Output:
4
b.How??
let arr = [1,2,3];
console.log(arr.reduce((h1,h2,h3)=>{
return h1+h2+h3;
}))
Output:
9
Doubt 1 - Since the array is also treated as an object in javascript and keeps array values on number indexes like { 0: 1, 1: 2, 2: 3} but when it shows the array, it shows values from index 0 to n only not on any random indexes and you can access value through keys in case its negative or any string key
Doubt2 - reduce starts iteration from second array element and pass arr[0] as accumulator value(h1) so on the first iteration new accumulator returned will be 1 + 1 = 2 and it moves to second iteration with h1 as 2 and return new accumulator value as 2 + 2 = 4
Bro aur kitne videos baki hai JS ke? I love your vidoes and content
reduce function ke arguments array ke he starting ke 2 elements hote hai kya
How do these methods work on String Arrays ??