High Order Array loops | chai aur

[@tarunpal4702]

Best JavaScript tutorial I've ever seen on KZbin! Basically, I'm a Digital Marketing Executive in an agency, and I want to learn HTML, CSS, and JavaScript, and finally PHP for developing WordPress themes. But I never found a concise tutorial until I came across Chai or Code. Everything has become easy for me now, my HTML and CSS are complete, and currently, I'm learning JavaScript. Thanks to Hitesh sir for providing a JavaScript tutorial that everyone can understand, I think.

[@MohdShavan-xt5rb]

From where you learnt css?

[@BitFire007]

"Chai aur Code, you're the reason I'm making strides in JavaScript. Your tutorials are pure gold!"

[@anmol9886]

ok

[@Rohitsoni-dv8lw]

Summary(As I understood) : We can use For of loop for values printing/for iterating over values directly over [[[[ Strings & Array ]]] We can use For in loop for values printing/for iterating over values by Indexes/Keys over Objects and Arrays & Strings . We Can Use forEach loop For iterating {{Over Arrays}} and its values as well. Corrections Are Welcomed.🙃

[@Abhishekk-Sharmaa]

By using For of loop we can iterate maps also

[@vidyanshumalik6310]

Best Course Ever on JS No one Explain in so much Depth in entire KZbin Community 🙏😍😇

[@ayush.tiwarios2105]

00:02 This video discusses higher order array loops and off loops in JavaScript. 01:42 Putting objects inside arrays and accessing values through loops. 05:19 Introduction to maps in JavaScript 07:10 Setting values in an object and accessing data from objects 11:02 Using high order array loops in JavaScript 13:24 Working with high order array loops for JavaScript 18:09 Loops in JavaScript arrays 20:02 Maps cannot be iterated over in a loop like arrays 23:36 Functions in JavaScript automatically know the scope and parameters 25:21 Understanding the concept of named and anonymous functions in JavaScript. 29:21 Understanding high order array loops in JavaScript 31:29 Accessing values inside objects using array loops

[@dynamicxpathforallautomati6894]

How are you, Bhaiya? What do you want as a gift for Teacher's Day? In my entire life, I have never imagined that I could love any programming language and JavaScript. Thank you very much for this effort!!!!

[@hemant1772]

Apna haath kaat kr de do 😅

[@ShubhamYadav-os3ur]

Gifts are not asked u fool ie u r du MB still now

[@White_h4y]

1. Rolex Submariner 2. Louis Vuitton Neverfull 3. iPhone 15 Pro Max 4. Chanel No. 5 Perfume 5. Tesla Model 3 6. Omega Seamaster 7. Gucci Marmont Bag 8. MacBook Pro 9. Dior J'adore Necklace 10. PlayStation 5 I will add some more in future.

[@hitmansharma4338]

sir aap best ho sabhi complex topics to itna simple form me saMJHte h ki sb clear ho jata hai

[@ajitganjave8837]

🎯 Key points for quick navigation: 00:00 *📚 Introduction to Loop Concepts* - The video discusses various types of loops in JavaScript, focusing on basic loops and their syntax. - Different types of loops like for loops, while loops, and the significance of choosing the right loop for specific tasks are introduced. - Emphasis is placed on practical examples for better understanding. - Higher-order functions and their relevance to loops are briefly mentioned. 00:56 *🔍 Understanding the For-Of Loop* - Detailed explanation of the for-of loop and its use in iterating over iterable objects. - Demonstrates how to use the for-of loop with arrays and objects. - Clarifies the concept of iterators in JavaScript and how they apply to different data structures. - Explains the ease of using for-of compared to other loop types. 04:07 *🔄 Exploring Loops: While and Do-While* - The section focuses on using while and do-while loops for iteration, demonstrating basic functionalities. - Discusses printing values in a loop, emphasizing that loops can handle different data types, including strings. - Examples are provided, such as using greetings in a for-of loop, illustrating practical applications. - Offers conditional statements like "continue" and "break" to control loop execution. 06:15 *🗺️ Introduction to Maps in JavaScript* - This part introduces maps as a data type in JavaScript, discussing their unique value storage and iteration. - Maps are explained as objects that maintain insertion order and store unique values, contrasting with regular objects. - Basic operations on maps are outlined, including setting and retrieving values. - Encourages further practice with maps, hinting at more complex examples to be discussed later. 08:58 *🗃️ Working with Maps: Printing and Unique Values* - This section discusses how to print maps in JavaScript and emphasizes their unique value property. - Demonstrates how to check if duplicate values can be added to a map, highlighting that maps only store unique entries. - Explains how to use a for-of loop to iterate over map values and provides syntax for extracting keys and values separately. - Introduces the concept of using square brackets for destructuring values from the map. 11:33 *🎮 Iterating Over Objects: For-of Loops with Custom Objects* - Focuses on using for-of loops to iterate over properties in a custom object. - Illustrates how to define a custom object and iterate over its properties using similar syntax as with maps. - Points out limitations when trying to directly use for-of on non-iterable objects, emphasizing the need for proper data structures. - Encourages experimentation with code execution to understand how different structures behave during iteration. 14:39 *🔄 Using For-in Loops with Objects* - This section explores the use of for-in loops to iterate over properties in JavaScript objects. - Discusses the limitations of for-of loops when working with objects and emphasizes the need for for-in loops. - Demonstrates how to print values from an object and the syntax for effectively accessing keys and values. - Explains how to handle iterations in practical examples, highlighting the differences between objects and arrays. 17:53 *📋 Differences Between For-in Loops and Arrays* - Focuses on the differences between using for-in loops for objects and traditional loops for arrays. - Explains that arrays start indexing from zero and are more structured than objects, which can hold any key. - Highlights potential errors when using for-in loops on objects, emphasizing the importance of understanding object design. - Encourages viewers to test their understanding by considering how these loops function with maps versus objects. 19:50 *🚫 Limitations of For-in Loops with Maps* - Discusses the challenges of applying for-in loops to maps in JavaScript. - Demonstrates that attempting to use for-in loops on maps results in errors, illustrating the distinction between iterable structures. - Reinforces the idea that while for-in loops are useful for objects, maps require different handling for iteration. - Encourages viewers to explore and understand the behavior of various JavaScript data structures through hands-on coding. 20:04 *📜 Iteration Limitations with Maps* - This section discusses the limitations of using loops to iterate over maps in JavaScript. - Emphasizes that maps are not iterable with for-in loops and provides insights into proper iteration methods. - Encourages viewers to explore documentation for more information on map properties and security. - Prepares the audience for upcoming discussions on different loop types applicable to arrays and maps. 21:32 *🔄 Exploring Loop Types for Arrays* - Focuses on various loop types that can be used with arrays and how to implement them in practice. - Introduces the concept of higher-order functions and their significance in array manipulation. - Mentions the importance of understanding prototype methods available for array iterations. - Highlights the ease of using different loops for effective data handling, setting the stage for more complex examples. 23:30 *🔍 Understanding Callback Functions* - This section explains the concept of callback functions and their role in JavaScript iterations. - Defines what a callback function is and how it is utilized within higher-order functions. - Demonstrates how callback functions operate automatically within loops to process each item efficiently. - Discusses the syntax and structure of defining a callback function, emphasizing its importance for dynamic data processing. 24:53 *🔄 Implementing Callback Functions* - This section elaborates on the implementation of callback functions within loops in JavaScript. - Explains how a callback function executes for each item passed during iteration. - Demonstrates how to define a basic callback function and utilize it to print values. - Highlights the flexibility in writing callback functions using different syntax styles, including traditional and arrow functions. 27:34 *📥 Passing Functions as Parameters* - Discusses the capability of passing functions as parameters to other functions for enhanced functionality. - Introduces the concept of creating a custom print function that can be used as a callback. - Explains the importance of passing a reference to a function rather than executing it immediately. - Shows multiple ways to utilize functions within loops, enhancing code efficiency and readability. 29:01 *🔍 Understanding Parameters in Array Functions* - Focuses on the parameters available in array iteration functions and their uses. - Clarifies that array iteration functions can access not only the item but also the index and the entire array. - Demonstrates how to print the item, its index, and the complete array for better context during iteration. - Emphasizes the significance of knowing all available parameters for debugging and interview readiness. 30:09 *📦 Understanding Objects in Arrays* - This section covers the structure and iteration of objects within arrays in JavaScript. - Introduces the creation of an array that contains multiple objects with properties. - Emphasizes the importance of iterating through these objects to access their properties effectively. - Highlights the common use of such structures in database scenarios, where data often arrives in object format. 31:45 *🔄 Iterating Over Array Objects* - Discusses how to implement loops to access object properties within an array. - Demonstrates the use of `forEach` with a callback function to iterate over array objects. - Shows how to access specific properties of each object during iteration using item indexing. - Reinforces the concept that a solid understanding of loops and scope enhances coding confidence and efficiency. 33:10 *📊 Practical Application of Iteration* - Illustrates the practical applications of iterating through array objects, particularly in web development. - Describes how to extract and display data, such as product names and prices, in a user interface. - Emphasizes that this technique is commonly used in scenarios involving dynamic data from databases. - Encourages understanding the basic principles of data handling to simplify complex coding tasks.

[@zrotrasukha8733]

This gold mine of js learning, I don't think there is a better course than this. I was near prototype but there were so many video I didn't watch because thought I know these concepts properly but again it is "chai aur code", I knew I will learn everything in depth and will add another height to my knowledge. Man, every second of this series was important for me. Can't believe, this isn't paid. Complete Gold mine.

[@Dev-Phantom]

map object was totally new for me, i never used that. vey helpful and conceptual one of the best lecture on youtube.

[@AhmedRehan01]

Chai aur Code, you're the reason I'm making strides in JavaScript. Your tutorials are pure gold...

[@krishnavamsi1126]

i was very confused about higer order loops now i am very clear. Thanks a lot bro

[@ujefkelawala7687]

Hello sir ji!!!!! Your JavaScript tutorials are top-notch! Your explanations are clear and easy to follow, and I appreciate how you break down complex concepts. Keep up the great work!!!! And we are waiting for the advanced JavaScript on topics such as Asynchronous JavaScript, AJAX.

[@ihteshamlatif1995]

09:34 There is a correction. The correction is that maps in JavaScript are known for unique keys rather than unique values. Each key in a map must be unique, but the values associated with those keys can be same. I'm truly enjoying the series; it's incredibly valuable for learning JavaScript. A big thank you to Hitesh Bhaiya for providing such excellent content!

[@Arshad_Khan07]

Sir you are doing a great job really helpful for beginners. One of the best series on youtube

[@prasadtambde3894]

I never thought I could able to grasp this difficult concepts 😢.. Thank You so Much Hitesh Sir ❤👏🏻

[@yassreyt]

for...in works with objects: It iterates over the enumerable properties (keys) of an object. But it doesn't work directly with Map. for...of works with iterables: It works with iterable objects like arrays, Map, Set, etc., to iterate over values. However, plain objects are not iterable directly, so for...of doesn't work with them. To iterate over an object's properties, you would need to use Object.keys(), Object.values(), or Object.entries().

[@himeshrawat250]

yes

[@ritushrivatri6865]

Best JS series!!! Thank you sir :)

[@ParijatBarua_official]

Bhaiya u showed my how js is not scary and smtg to be loved by coders .......i have no words to say how priceless this course is .... please continue this efforts for students like us who are scared by these things and start loving them

[@AgniveshSingh-u8l]

best free education platform , thank you sir for helping to understand , tough chapters easily .

[@ObserverGuy]

I've been avoiding learning js for quite some time but your videos helped a lot.

[@jatinyadav3281]

Best JavaScript tutorial I've ever seen on KZbin! Basically, I'm a Digital Marketing Executive in an agency, and I want to learn HTML, CSS, and JavaScript, and finally PHP for developing WordPress themes. But I never found a concise tutorial until I came across Chai or Code. Everything has become easy for me now, my HTML and CSS are complete, and currently, I'm learning JavaScript. Thanks to Hitesh sir for providing a JavaScript tutorial that everyone can understand, I thin

[@vaibhavilohani3421]

Thank you so much for this!!Such a clear and to the point explanation!

[@Pawarrushikesh0111]

Love You sir😍😍 itne aache se koi bhi nhi padatha proud of You🤗🤗

[@bubu_dudu_030]

One of the best JavaScript tutorial , Thank you so much :)

[@nehabansal370]

Best tutorial. Really making us master iterations, arrays, objects, ... Thanks a lot sir.

[@mmsadkngmumsad9148]

Thank U so Much Sir for giving us such high level quality and high level content in depth knowledge with easy to understand Much Love.

[@farazahmed1668]

FOR in DESCRIPTION => it works for ARRAY and OBJECT but not works on MAP FOR of DESCRIPTION => it works for ARRAY and MAP[ key, value] but not works on OBJECT. FOR each DESCRIPTION => it works for ARRAY, OBJECT and MAP. NOTE: I am also new to JS so the above statements are my own analysis.

[@nil_roy_9]

At last I understood loops and map. Thank you so much. This video is lifesaver....

[@SyedFazalRahman-g7s]

Such an indepth discussion, clearly this channel is UNIQUE

[@CINEBEATSOFFICIAL]

3:15 In JavaScript's world, arrays and functions are more than meets the eye - they're objects, too!

[@VinodKumar-ld7rs]

Unstoppable series 🔥

[@aashishrai1138]

By far the best JavaScript tutorial

[@mutayyabhussain5261]

Thank you sir for this series ❤❤❤🎉🎉

[@chaiaurcode]

😁

[@faisalchauhan6380]

kya mast padhate ho sir yaar kasam seh , itna behtareen kabhi kisi neh nahi padhaya

[@CINEBEATSOFFICIAL]

Use for...of with arrays and other iterable objects(strings, maps, sets .etc) Use for...in to iterate over keys/properties of plain objects.

[@Devharsh007]

19:48 Yes. I guess this should be possible as map is also an object. It works on objects so it should also work on maps too.. 🎉

[@CodeSage15]

I've watch lots of JS tutorial but this one is best and unique one

[@avrenos]

Map is a built-in constructor function in JavaScript

[@sainaid]

Apki waja se sir joh javascript ka darr tha seekhne ka woh chala gaya, ab js seekhne mei maza araha hai

[@JustDoItForNow]

At the end of 2024 it is still amazing and mind relaxing thank you dear

[@dipakmondol5909]

The way you are teaching is absolutely amazing and helpful for a beginner as well, love you Hitesh sir💗

[@coderdas_11]

sir this playlist is incredible and very helpful🔥

[@a2408__]

very well explained. Thank you for these quality lectures😄

[@deveshsharma534]

god level teaching skills 🤯

[@samadsiddiqui5925]

you always explain in very different way that's why I love to watch your videos.

[@adarshadas3037]

sir really loved your content i know ai can replace me but the strong attitude of learning new thing and implementing it neww project will help me to differentiate me from other's

[@aratidobariya5640]

Best JS series by the best Mentor!!!!!!!!

[@M.A.N.S560]

Thanks a lot Sir you are Awesome i ever seen such a detail playlist in KZbin. Really thankful for you

[@RahulSharma-wz6yv]

apke samjhane se aasaan hua hai sabh, thanks

[@vishalraut265]

Very impressive tutorials practical oriented very impressive bro and i like ur teaching skills

[@choudhrynouman6900]

9:02 Why not Pakistan here is lots of well wishers from pakistan. The best teaching method that i had never ever seen on youtube.

[@bngdtutorial2947]

for (const [key, value] of Object.entries(obj)) { console.log(`${key} => ${value}`); } for of is also iteratable over object

[@priyanshusonii]

5:05 let a= "priyanshu" for (let index = 0; index < a.length; index++) { const element = a[index]; console.log(element); } Sir i have a doubt , we were able to print this string letters seprately by for loop only , then is it necessary to always use for of loop for this purpose ?

[@shivanshsharma4916]

because for of loop is much easier to write , you dont have to think logic , provide length and stuff , for basic iteration use forOf , for advace things .... use for loop

[@shivanshsharma4916]

for of is a mordern way just like arrow funtions , they have the same use as normal function but their syntax is smaller.... all the new syntax were introduced in es6 version of js

[@shivanshsharma4916]

also.. for loop gives you access to index , for of doesent

[@GbbxK]

Thank you for your continued hard work sir, it really helps me grow as a person and learn more. I am learning more from youtube everyday and I couldn't be more grateful. I wish you eternal success😊

[@chaiaurcode]

Glad to hear that😊🙏☕️

[@jagdambadubey6956]

great, learning is fun. agar mother tongue me ho to.

[@Ayush479]

Please make a series on loopback 🙏

[@Niteshmaurya1234]

Thank you so much sir dil se❤❤❤❤❤❤

[@GovindKumar-sj4dn]

Don't underestimate the power of Loop ➿.

[@TheSilentObserver30]

the background during introduction part..felt like I am watching god in front of me ❤❤

[@muhammadyaseenakhtar7789]

Great Teacher ❤❤❤

[@hardik5819]

Great video sir!, pls keep on posting videos, i have gone through 2-3 tutorials earlier, but this one is definitely the best , unique, and addictive, pls do more videos

[@VarunKumar-n1d]

sir those are really really lucky jisse aapke ye channel suggest kra ho youtube ne

[@tusharsingh1915]

Great great great bhiaya..thankyou for the indepth knowledge.. 😊

[@bablubhaii927]

100 topo ki salami sirji 💯 very very thankyou

[@ujjwaldhiman7129]

Amazing lecture sir

[@chaiaurcode]

Thanks

[@krishnadawalkar6999]

Best Explaination!

[@SINGH-jp6ju]

Sir, can you explain what the difference is between a for loop and a while loop, and what the conditions for using each are?

[@PrinceKumar-cv3ji]

maza aa gaya sir!

[@MelodyMaster914]

Guys like the video for motivation of sir,he is delivering best content free

[@codingculture6166]

one of the best in depth explanation . expecting the same for react also.

[@shivanshsharma4916]

it will take months for it to complete 😭

[@Hammad-wp8dm]

Sigma Js Course 😎😎. No one can meet this vibe

[@ritikshroff611]

best , cant even express , how grateful:)

[@55-rupeshdhange]

Thanks sir for teaching

[@ashwanii746]

Thank you for great series

[@chaiaurcode]

😍

[@ankitsainiofficial777]

Thank you for your continued hard work sir, it really helps me grow as a person and learn more.

[@shadikhusain1216]

Thank you @Hitesh sir daily video milti hai to ekk confident bana rehta hai.😂❤

[@chaiaurcode]

Daily mushkil hota h but koshish h ki week me 2-3 videos add kr de

[@shadikhusain1216]

@@chaiaurcode Sir humm smjh sakte hain. but really sir aapki videos dekhne se kabhi booor nahi hote hai.

[@farooqaslam4238]

best ever teacher love u sir g

[@rahulchaubey7176]

Very clear explanation.

[@tech_channel110]

God gifted you too mych explanation talent no one can not beat you in this domain

[@chaiaurcode]

❤️❤️

[@Dukuho]

you are the best teacher.

[@sohaibRajpot-official]

19:48, nhi hoha error aye gi same jo for off loop ma obj par a rahi ti right

[@nikhilsingh2889]

Superb explanation sir ❤

[@kuldeeppanwar9950]

Next level js series ❤

[@kripashanker7201]

maza aaya ye video dekh kr😅😅😅😅

[@sumitram4132]

Great work sir ❤

[@dopaminesero6390]

but Map () is iterable by forOf loop but not by for_In loop what's the reason?

[@upsccse9797]

thank you sir ji aap na hote toh mai JavaScript nhi sikh pata and Abdul Bari sir ji na hote toh java nhi sikh pata ... if u dont mind sir ek baar meet up ka plan rakhi ye.

[@shuaibahamad6749]

Best JavaScript tutorial on youtube

[@VishalSingh-er2bl]

19:45 i think array of key,value pair for each entry

[@SayanBanikAuthor]

7:21

[@adarshmaddheshiya4413]

Best tutorial on Earth

[@ManishSurti91987]

Hi Hitesh, I am trying to add if else condition in forEach loop 32:56 but not able to get correct answer

[@Rohitsoni-dv8lw]

Amazingly Explained !!!!

[@raosadaqat7302]

No, you cannot use a for...in loop with a Map object.

[@Dev-KD569]

19:48 = nahi hoga loop possibe q ki ye ittertable nahi hai !

[@robindeepcode]

Thank you sir for making awesome videos 😊

[@usama5619]

Best course, Thank you ❤!

[@RohitChhabirajYadav]

maza aa gya .... super video on forEach loop

[@CodeWithAyan78]

Map(3) {'IN' => 'India', 'USA' => 'United States of America', 'UAE' => 'United Arab Emirates'}[[Entries]]0: {"IN" => "India"}1: {"USA" => "United States of America"}2: {"UAE" => "United Arab Emirates"}size: 3[[Prototype]]: This answer is coming when I applied forin loop on Map. Can I say it is iterable