Up next in 10
Using Loops With Arrays in JavaScript _ JavaScript Tutorial in Hindi #19
45 views
Feb 9, 2024
The video "Using Loops With Arrays in JavaScript _ JavaScript Tutorial in Hindi #19" demonstrates how to effectively utilize loops with arrays in JavaScript, presented in Hindi. It covers different types of loops such as for loops and forEach() method, explaining how to iterate over array elements. Viewers will learn practical techniques for accessing and manipulating array elements using loops, enhancing their ability to work with arrays in JavaScript programming. This tutorial is beneficial for Hindi-speaking beginners seeking to deepen their understanding of array manipulation techniques in JavaScript.
View Video Transcript
0:00
अपने loops वाले वीडियो में हम लोगों ने देखा था कि किस तरह से हम लोग for loops का इस्तेमाल करते हैं, while loops का इस्तेमाल करते हैं, आज हम लोग देखेंगे कि for loops को array के साथ किस तरह से इस्तेमाल किया जा सकता है, सबसे पहले हम लोग एक normal for loop को देखेंगे, ये देखेंगे किस ��
0:30
किया जा सकता है चलते हैं अब इस पीछे में एंड लेंट्स किए स्टार्टिव लूपिंग की बात करेंगे इस वीडियो क��
0:42
अंदर एरेस के नियुक्त रूप यूजिंग क्लासिकल जावास्कुड फॉर लूप और थोड़ो समय तरफ डिस्कस बिल्लो ठीक ह��
0:47
तो उस कमेंट सा रहे थे कि या रैपलेड में आप रैपल बनाते हुए दिखा नहीं रहे हो तो मैं आपको रैपल बनाकर भी दिखा देता हूं यार सिंपल है मैं वस्किप कर रहा था ताकि आप लोगों को आप लोगों का टाइम बचे थोड़ा सा ठीक है बट इतना भी टा��
1:17
यहां पर मैंने लिखा नम इज एकवाल टू मालो 3 5 4 1 2 और 4 ठीक है यह मैंने किया ठीक है अब मैं क्या करूंग��
1:26
यहां पर लिखूंगा एक फॉर लूं मैं लिखूंगा फॉर और मैं लिखूंगा लिट आई इज एकवाल टू जीरो ठीक है लिट आई इज एकवाल ट��
1:33
लिखोंगा और लिखोंगा आए यहां पर सेमी कोलन लगता है याद रखना आप लोग आए इस लेस्ट देन ए नम डॉट लें��
1:41
ठीक है और आई प्लस प्लस ठीक है अब देखो मेरी बात थोड़ी सी अजीब सी लगी यह प्लस के लोगों को बट इसको रटल��
1:47
ठीक है इसको रटलो इसको रटलो का मतलब क्या है कि बार बार आपको ना दिमाग ना लगाना पड़े क��
1:52
num.length मुझे लेना चाहिए num.length plus 1 लेना चाहिए num.length minus 1 लेना चाहि��
1:58
इसको रटलो की बाई ये classical for loop है बाई ये किसी भी programming language में आपको चलाना ह��
2:02
लूप तो similar होता है let i is equal to 0 0 से start कर��
2:06
length तक जाओ तो क्या होगा less than लगाओगे तो यह actual में length minus 1 तक जाएग��
2:11
इसकी इस case में कहाँ तक जाएगा यह 3, 2, 5 है 0 से लेके 4 तक जाएग��
2:15
वही हम चाहते हैं ठीक है और अगर आप यहाँ पर console.log
2:19
और इसके बाद num i लगाओगे इस तरह से तो आप access कर सकते हो elements क��
2:24
simple सी बात है ठीक है तो आप लोग यहाँ पर देखो 354, 124 आपको print होक��
2:29
मिल चुका है ठीक है यही काम थोड़ा और आसानी से किया जा सकता ह��
2:34
अब मान लोगी मैं क्या चाहता हूँ कि हर array element के लिए मैं plant करना चाहता हू��
2:39
num i multiply by num i तो मैं क्या करूँगा मैं simply एक for each loop चला दूँग��
2:45
मैं यहाँ पर लिखूँगा num.for each और हर array element के लिए मैं क्या करूँग��
2:50
मैं यहाँ पर इसको element लिख देता हूँ function for each function inte array element console element into element
3:05
और मैं यह चीज करूँगा तो आप लोग यहाँ पर देखो कि इसका square print हो अफि��
3:10
इसका square print हो अफिर तो वह नियुक्त तो नौपच इस एक चार और सोला प्रिंट हो जाएगा ठीक है आप देख सकते हो तो इस तरह से अब क्य��
3:20
कर सकते हैं फॉर इस लूप चला सकते हैं बहुत ज्यादा हेल्प करता है जिम हम रियाग्ट एप्स बना रहे है��
3:25
नहीं बहुत ज्यादा हेल्प करता है जब हम लोग बनाते हैं किसी भी तरह की एक वेब एप्लीकेशन जावास्क्रिप्��
3:32
की साइथा से बहुत हेल्प करेगा यह आप लोगों को ठीक है तो यह जो है आप लोगों को पता होना चाहिए कि इ��
3:37
जावास्क्रिप्ट का लूप है ठीक है तो यह इस तरह से काम करता है अब मैं आप लोगों को इससे पहले कि मै��
3:48
फेल्टर रिड्यूस बताऊं मैं आप लोगों को एरे का डॉट फ्रॉम और फॉर ऑफ और फॉर इन लूप बताना चाहता हूं ठीक ह��
3:54
तो for off loop किस तरह से काम करता है foreign loop किस तरह से काम करता ह��
3:58
और array.from किस तरह से काम करता है यह पहले समझ लेते हैं ठीक है तो देखो क्या होता है कि मान ल��
4:03
आपके पास एक HTML collection है अब आपने से कह लोग डर जाओगे यारी कि क्या बोल दिय��
4:07
HTML collection HTML collection आप लोगों को मिलती है जब आप DOM के साथ काम करते ह��
4:12
जब हम websites बनाएंगे तब आप लोग देखोगे और वहाँ पर हमें उसको array मे��
4:16
convert करना पड़ता है ठीक है for example अगर मेरे पास एक HTML collection है तो मैं उसमे��
4:22
for each loop नहीं चला सकता मुझे उसमें array.from चलाना पड़ेगा तो area.from क्या करेगा उस HTML collection में से मुझे area बना कर दे देगा अब देखो जो भी मैं अभी करने वाला हूँ आप लोग के लिए वो आप बिलकुल भी ऐसा मत समझना कि अगर आपको समझ नहीं आता है तो डरना मत बिलकुल भी बट मैं कुछ करके दिखा रहा ��
4:56
अब यह मेरे पास यह क्लास है फिर मैं इस वाले एलिमेंट को लेता हूं और मैं यहां पर करूंगा क्या कोई भ��
5:05
क्लास ले लूंगा मैं कोई भी सेंपल जिनका चाहता हूं मालो मैंने यहां पर यह वाली क्लास ले ली ठीक है य��
5:10
अब मैं क्या करूँगा मैं आपको लिखूंगा document. अब देखो मैं आपको फिर से बता रहा हूँ आप बिल्कुल भी डरना मत अगर आपको नहीं बता य��
5:19
methods क्या है document.getElementsByClassName तो मैं आपको बताता हूँ ये method क्या करता है क��
5:24
सारे elements को ले लेगा और क्या मुझे देगा मुझे एक HTML collection return करके देग��
5:30
यह करे नहीं है HTML collection है अब मालो मैं यहाँ पर लिखता हू��
5:34
कुछ इस तरह से let a is equal to this तो a क्या है अगर मैं यहाँ प��
5:40
type of a करूँ तो एक object है लेकिन what kind of object HTML collection
5:44
अगर मैं a.for each करूँ a is not a function a array array convert array forage array a HTML
6:23
लोगों को यहां पर एरेड फ्रॉम का एक और एक्सांपल बताऊंगा ठीक है मैं आप लिखूंगा लेट निम इज एक्व��
6:31
टू है ठीक है और इसके बाद मैं लिखूंगा एरेड फ्रॉम नियम ठीक है और यहां पर मैं लिख दूंगा लेट ��
6:39
rr is equal to और इसके बाद मैं यहां पर लिख दूंगा मैंने यहां पर लिख दिया लेट यह अरेड फॉर्म ने��
6:48
अब मैं कंसोल डॉट लॉग एयर लिखूंगा बाय देवा आप कंट्रोल एंटर मार सकते हो रेपलेट में चलाने के लि��
6:53
तो जरूरी नहीं आपको run पर click करो, मैं run पर click करता हूँ ताकि आप लोगों को बता चले कि मैंने run किया है, ठीक है, वोना कई लोग कहते हैं कि क्या किया कैसे run हो गया automatically, जादू चल रहा है कर, नहीं भाई जादू नहीं चल रहा है, यहाँ पर वाला कोई जादू नहीं है, ��
7:23
देखो फ grup और फ फॉर इन हमने किस चीज के लिए समझा था ऑब्जेक्ट के लिए समझा था अब यही आप समझ��
7:30
एरे के लिए ठीक है नम पर चलाऊंगा और आप लोगों को दिखाऊंगा ठीक है मैं यहां पर फॉर ऑफ चलाऊंगा पहल��
7:37
ठीक है मैं सिंपली क्या करूंगा मैं आप लिखूंगा फॉर लेट आई ऑफ क्या आई ऑफ नाम ठीक है और सिंपल��
7:48
क्या करूंगा कंसोल डॉट लॉग आई कर दूंगा ठीक है और यहां पर इसको जब मैं चलाऊंगा तो क्या होगा आ��
7:57
देखो कि इस एरी के एलिमेंट प्रिंट होकर आ गए 3 5 1 2 और 4 ठीक है विश ग्रेट यार विच इस ग्रेट ठीक ह��
8:04
तो फॉर ऑफ लूप एक शॉर्टकट तरीका है किसका एरे आइटम्स को एक्सेस करने का कौन इतना बड़ा फॉर लूप लिखेग��
8:11
इतना बड़ा for loop कौन लेगेगा, i is equal to 0, फिर i less than num.length
8:16
फिर semicolon लगाओं मैं, फिर i plus plus, इतना time किसके पास है
8:19
आप simple ये shortcut इस्तेमाल करो, और ये बहुत important है, क्योंकि ये हम लोग बहुत ज़ादा use करने वाले हैं
8:25
फिर इसी का एक चोटा भाई होता है, नहीं करता ठीक है इसको आईटम कर देता हूं तो फर्क नहीं बढ़ेगा बट मैं बस कर रहा हूं ठीक है थोड़��
8:37
क्लारिटी के लिए आईटम किया मैंने अब यहां पर यह कह रहा है आईटम यहां पर भी आईटम यहां पर भी आईट��
8:43
0 4 for in objects keys keys array keys 0 1 2 3 4 array object
9:05
बस arrays की key दिखती नहीं है ये आप एक object की तरह समझ ले लो 0 colon 3 1 colon 5 यह नहीं कि key 1 है value 5 ह��
9:13
है कि टू है और वैल्यू वन है कि थ्री है वैल्यू टू है कि फोर है वैल्यू फोर ठीक है जी रो वांट टू थ्र��
9:22
फोर ठीक है तो इस तरह का एक ऑब्जेक्ट समझ लो इसको आप और यह क्या करेगा जो आई है इसकी की देगा तो अग��
9:28
इस एलिमेंट को इस एलिमेंट को तो मुझे करना पड़ेगा ठीक है तो यह वाला लूप ज्यादा करने चाहिए क��
9:41
इसी ने अगर चला दिया आपके सामने फॉर एन तब यह ना पूछो कि यह कैसे हुआ यह तो मुझे आता ही नहीं है ठी��
9:46
I hope that you guys enjoyed it and I hope that you guys understood how the dot from works, how the for off works, how the for in works, how the for each works, and you will see this loop, okay, you will see a lot, why? Because this loop used to be used earlier, okay, you will get this loop in the old code, okay, and a lot of code that has been written by people is the old code, the old javascript code, and a lot of people prefer this loop for some reasons, okay
10:11
तो यह loop भी अगर आपको code base में दिखता है एक ऐसे code base में दिखता है जिसको आप लोग maintain कर रहे ह��
10:16
तो don't get surprised आप लोग को अब सारे loops आते है��
10:20
आपको classical for loop आता है आपको for off आता है, for in आता ह��
10:24
at it or from आपको पता है क्या है for each भी आपको पता है क्या ह��
10:27
ठीक है विद इट सेट आई हॉप कि आप लोगों मजा आ रहा है अगले वीडियो में मैं आप लोग को मैप फिल्टर और रिड्यूस बताऊंगा जो की बहुत जाधा इंपोर्टेंट है और आप लोग को बिल्कुल समझना चाहिए तो स्टी ट्यून फॉर दैट ठीक है तो ��
10:57
ensure कर रहा हूँ quality अगर quality नहीं है videos में मैं video 10 दिन तक upload नहीं करूँग��
11:03
but I am going to assure quality कि मैं इस course को सिर्फ एक बार बनाऊंगा ऐसा नहीं है कि मैंने य��
11:08
javascript course बनाया और उसके बाद मैं दुबारा से बना रहा हूँ कुछ और मैं चाहता हूँ कि एक ultimate course
11:15
बनाओ मैंने इसका नाम इसलिए ultimate javascript course रखा है कि यार इस course के अंद��
11:19
सब कुछ आप लोग को देखने को मिलेगा I hope you understand और I hope कि आप लोग इस बा��
11:23
को समझते हैं कि मुझे अपने regular schedule में से time निकाल करें इन videos
11:27
को बनाना होता है जिसकी वज़े से शायद थोड़ा बहुत late हो जाए but I am trying my best to finish it as soon as possible
11:33
thank you so much guys for watching this video and I will see you next time