JavaScript all array in Hindi | With Example , जावास्क्रिप्ट के सभी अरे मेथड हिंदी में

1.अरे का परिचय Page 1

जावास्क्रिप्ट Array introduction या परिचय

सबसे पहले प्रश्न तो यह है कि array होता क्या है ?

array को आप स्पेशल type का variable कह सकते है ऐसा इसलिए क्योंकि यह एक समय में एक से ज्यादा value स्टोर कर सकते है |

दूसरे शब्दों में , एक ही variable में बहुत सारी values स्टोर करने के लिए आप arrays का उपयोग कर सकते है |

आइये उदाहरण में देखते है :


                            <script>

                            var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                            console.log(bike);

                            </script>

आउटपुट देखें =>

जैसे कि आप ऊपर दिए उदाहरण में देख पा रहे होंगे हमने एक ही variable (array) में कई value को होल्ड किया है |

यही लिस्ट type कि value अगर आप सिंगल variables में स्टोर करें तो:


                            <script>

                            var bike1 = "Hero";

                            var bike2 = "Bajaj";

                            var bike3 = "Yamaha";

                            var bike4 = "TVS";

                            var bike5 = "Honda";

                            console.log(bike1, bike2, bike3, bike4, bike5);

                            </script>

आउटपुट देखें =>

यहाँ तक तो ठीक है लेकिन क्या हो अगर आपके पास कोई लम्बी लिस्ट हो और उसमे से किसी एक value को आपको पिक करना हो |

जाहिर है ऐसा करने के लिए आप loop का प्रयोग करने वाले है इमैजिन कीजिये single variables में आप कैसे करेंगे

आप ऐसा करने के लिए array का प्रयोग कर सक्रते है , कैसे इस पूरे लेसन को पढ़ें :

array literal मेथड से array बनाना :

array literal का प्रयोग करके array बनाना जावास्क्रिप्ट में आपके लिए सबसे आसान तरीका होने वाला है |

var array_का _नाम = [आइटम1, आइटम2, आइटम3, ... ];

यह array literal का example है |

मल्टीप्ल लाइन array variable डिक्लेरेशन उदाहरण


                            <script>

                            var bike = [

                            "Hero",

                            "Bajaj",

                            "Yamaha",

                            "TVS",

                            "Honda"

                            ];

                            console.log(bike);

                            </script>

आउटपुट देखें =>

कामा के बाद आप लाइन ब्रेक (↵) या स्पेस के द्वारा आप कई लाइन में variable का डिक्लेरेशन कर सकते है |

ऊपर दिए उदाहरण में हमने लाइन ब्रेक से कई लाइन्स में डिक्लेरेशन किया है आप स्पेस से भी कई लाइन में span कर सकते है |

new कीवर्ड से array बनाना :


                        <script>

                        var bike = new Array("Hero","Bajaj","Yamaha","TVS","Honda");
                        console.log(bike);

                        </script>

आउटपुट देखें =>

जैसे कि आप ऊपर दिए उदाहरण में देख पा रहे होंगे , आपको extra new और Array keyword लिखना पढ रहा है |

जबकि literal methed से बनाये गये array का भी same आउटपुट था , जबकि उसमे आपको कम type करना पड़ेगा, या भविष्य में दुबारा देखने पर आपको सिंपल लगेगा , आसानी से पढने योग रहेगा new कि तुलना में |

अभी रुकिए इसमें (new) execution स्पीड भी कम हो जाती है |

Array के एलिमेंट को एक्सेस करना

लूप के बारें में हमने जो चर्चा कि थी यहाँ वो स्पष्ट हो जायेगा , कि सिंगल variable कि तुलना में array को कैसे आसानी से एक्सेस किया जा सकता है |

आप array के प्रत्येक एलिमेंट को उसके unique index number से एक्सेस कर सकते है , जो कि एक क्रम में होता है |

चलिए उदाहरण में ही देखते है ,


                            <script>

                                var bike = new Array("Hero","Bajaj","Yamaha","TVS");

                                var firstEl = bike[1]; 

                                console.log(firstEl);

                                </script>

आउटपुट देखें =>

bike[1] को एक्सेस करने पर हमें आउटपुट में बजाज प्राप्त हुआ है , ऐसा इसलिए क्योंकि indexing 0 से शुरू होती है |

दूसरे शब्दों में पहला एलिमेंट "Hero" , bike[0] में होगा फिर bike[1] में दूसरा ("Bajaj") bike[2] में तीसरा ("Yamaha") आदि|

जिसे अब आपको इमैजिन तक नही करना पड़ेगा कि variable के सभी एलिमेंट को लूप में कैसे एक्सेस करना है |

array में element अपडेट करना

आप array के एलिमेंट कि value को single variable कि तरह बदल सकते हो ,

दूसरे शब्दों में किसी index number कि पुरानी value को नई value से replace कर सकते हो या फिर नया index number बना के उसमे new value दे सकते हो |


                        <script>

                        var bike = ["Hero","Bajaj","Yamaha"];

                         bike[1] = "TVS"; 

                        console.log(bike);

                        </script>

आउटपुट देखें =>

ऊपर दिए उदाहरण में हमने सिम्पली क्या किया है कि केवल index 1(शुरुआत 0 से होती है ) में स्थित value "Bajaj" को "TVS" से replace कर दिया है|


                        <script>

                        var bike = ["Hero","Bajaj","Yamaha"];

                         bike[3] = "TVS"; 

                        console.log(bike);

                        </script>

आउटपुट देखें =>

दूसरे उदाहरण में value "TVS" bike variable में नही है लेकिन हमने अन्य को न replace करते हुए एक index स्वयं से बना कर bike variable में लास्ट index के बाद add कर दिया है

ध्यान दें कि अगर आप बीच में एक index गैप करके अन्य index number में value देते है तो गैप undefined return करेगा | जैसे कि ऊपर दिए उदाहरण में हम bike[4] में कोई value देते तो bike[3] undefined return करता |

जावास्क्रिप्ट Arrays , ऑब्जेक्ट होते है

जावास्क्रिप्ट का typeof operator arrays का type object return करता है |

लेकिन फिर भी जावास्क्रिप्ट में arrays को arrays के रूप में ही बेहतर तरीके से समझा जा सकता है |

आप ये कह सकते है कि जावास्क्रिप्ट के arrays स्पेशल type के objects होते है |

arrays और object के एक्सेस के तरीके को तो आपने पहले ही देख लिया लेकिन फिर आइये एक बार फिर एक ही उदाहरण में देखते है, और compare करते है : :


                            <script>

                            //यह array है 

                            var arrEl = ["Hero","Bajaj","Yamaha","TVS"]; 

                            // यह object है |

                            var obEl = {bikeName:"Hero", bikeEstb:1984}; 

                            //पहले दो आउट्पुट array के तथा अंतिम दो ऑब्जेक्ट के हैं |

                            console.log("यह array का आउट्पुट है =>", arrEl[0], arrEl, "\n","यह ऑब्जेक्ट का आउट्पुट है=>", obEl.bikeName, obEl);

                                
                            </script>

आउटपुट देखें =>

जैसे कि आप ऊपर दिए उदाहरण में देख पा रहे होंगे array के सिंगल एलिमेंट को एक्सेस करने के लिए index number का प्रयोग करना पड़ रहा जैसे arrEl[0] |

वहीं object के सिंगल मेम्बर को एक्सेस करने के लिए names का प्रयोग करना पड़ रहा है , जैसे ऊपर दिए उदाहरण के case में obEl.bikeName

हाँ यह अगल बात है कि पूरे elements या members को variable name से ही एक्सेस किया जा सकता है array और object दोनो के case में , क्योकि हैं तो लास्ट में आखिर variable ही |

array के element object , function , arrays हो सकते है :

देखिये javascript variable object हो सकते है ये तो क्लियर है अगर आपने पिछले लेसन ध्यान से पढ़ें होतो |

जिनमे से arrays विशेष तरह के ऑब्जेक्ट्स होते है ये हमने अभी पढ़ा |

इसलिए अगर आपने object वाला लेसन पढ़ा होतो , अगर relate करके देखें तो array में ऑब्जेक्ट्स भी हो सकते है , function भी और array स्वयं भी |


                            <script> 

                            var arrEl = ["Hero","Bajaj","Yamaha"]; 

                            var obEl = {bikeName:"Hero", bikeEstb:1984}; 

                           var fun = function(){return  "This is a function"};

                           var arr = [arrEl, obEl, fun()]; 

                            console.log("यह array का आउट्पुट है =>", arr[0], "\n", "यह ऑब्जेक्ट का आउट्पुट है=>", arr[1] , "\n", "यह function का आउटपुट है =>", arr[2]); 

                            </script>

आउटपुट देखें =>

आप चाहे तो ऊपर दिए गए उदाहरण में array के सिंगल एलिमेंट arrEl[0] को भी एक्सेस कर सकते है, साथ आप सिंगल object obEl.bikeName को भी एक्सेस कर सकते है

array कि प्रॉपर्टी और मेथड :

अगर जावास्क्रिप्ट में array कि कोई मुख्य स्ट्रेंथ देखें तो वह है , इसके built-in property और मेथड जिनमे से कुछ का प्रयोग आप पिछले लेसन में देख चुके होंगे

जैसे कि string कि length निकालने के लिए length property.

length property से आप array के कुल elements कि संख्या को काउंट कर सकते है |

जैसे कि पिछले लेसंस में हम बता चुके है कि length property हमेशा index से एक ज्यादा value(number) return करती है ऐसा इसलिए क्योंकि length property कुल character या elements कि संख्या return करती है जबकि क्योकि indexing 0 से शुरू होती है इसलिए वह हमेशा 1 कम रहती है |

array के first एलिमेंट को तो आप आसानी से variable_name[0] से एक्सेस कर सकते है , लेकिन अगर अंतिम element को एक्सेस कैसे करेंगे |

क्या कहा काउंटिंग कर लेंगे , नही सिम्पली length property का प्रॉपर्टी का उपयोग कीजिये और 1 घटा दीजिये variable_name[variable.length - 1] |

अब 1 क्यों घटाया यह आप helpbox में लेसन के नाम और स्लाइड number के साथ बताइए |

array के elements को for लूप से access करना:

अगर array के एलिमेंट कि लम्बी लिस्ट है , तो प्रत्येक एलिमेंट को एक्सेस करने का सबसे सुरक्षित तरीका for loop है |


                            <script>

                            var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                            for(var i = 0, i
                                console.log(bike[i]); 

                            } 

                            </script>

आउटपुट देखें =>

जैसे कि आप देख पा रहे होंगे array के सभी element को for loop के द्वारा आसानी से प्रिंट या एक्सेस किया जा सकता है |

bike.length के द्वारा हमने array के पूरे एलिमेंट को काउंट किया है जो कि 5 आया होगा |

अब i = 0 अर्थात 0 index से 4 index कि value को loop किया गया है , i<5 (bike.length = 5 ) होने पर कंडीशन error हो जायेगा इसलिए 5 तक लूप नही चलेगा जिसकी जरूरत भी नही है |

forEach() का for loop के स्थान पर प्रयोग :

forEach() function का उपयोग for loop कि तुलना में आसान हो सकता है |

ऐसा इसलिए कहा जा सकता है कि क्योकि इसमें आपको array के elements को काउंट करने कि जरूरत नही होती है | यह स्वयं से ही 0 index से लूप करना शुरू करता है तथा जितने एलिमेंट होते है सभी को लूप कर देता है

हाँ लेकिन इसमें for() लूप कि तरह आप यह निर्धारित नही कर सकते है कि लूप कहाँ से स्टार्ट करना है और कहाँ तक करना है |


                        <script>

                        var bike = ["Hero","Bajaj","Yamaha"];

                        bike.forEach(function(arrEl){

                            console.log(arrEl)

                        }

                        );  

                            
                        </script>

आउटपुट देखें =>

जैसे कि आप देख पा रहे होंगे हमने यहाँ कुछ भी नही किया जैसे कि कहाँ से लूप चले कहाँ तक चले , हमने forEach() function के parentheses में एक function बनाया है जिसमे एक parameter दिया जिसमे एक एक value आएगी और फिर console से एक एक को क्रमशः प्रिंट किया गया है |

array में element add करना

push() method का प्रयोग का प्रयोग आप array में नये एलिमेंट को add करने के लिए कर सकते है |

length property के द्वारा एलिमेंट को add करना तो आप already देख चुके है | , लेकिन length property के प्रयोग करके array में एलिमेंट को add करने में जो समस्याएं थी वो push() मेथड में नही है |


                        <script>

                        var bike = ["Hero","Bajaj","Yamaha"];

                         bike.push("TVS") 

                        console.log(bike);

                        </script>

आउटपुट देखें =>

length property में नया एलिमेंट add करने के लिए यह ध्यान रखना पड़ता था कि लास्ट index के तुरंत बाद ही नया एलिमेंट add किया जाएँ नही तो बीच का होल undefined return करेगा |

लेकिन push() method में आपको यह ध्यान रखने कि आवश्यकता नही है वह स्वयं से लास्ट index के तुरंत बाद ही elements को add करता है

w a i t
f o r
m o r e

अभी array का एक और लेसन बनाने वाले है , जिसमे कुछ और चीजे कवर कि गई बंकि शेष एडवांस वर्जन में देखेंगे

जावास्क्रिप्ट array अन्य प्रोग्रामिंग language की तरह named index (associative arrays or hashes) सपोर्ट नही करता है| इसके लिए जावास्क्रिप्ट में आप object का प्रयोग कर सकते है |

क्योंकि array का typeof object होता है , इसलिए अगर आप array को यह पता करना हो कि array हैं कि नही built-in method , operator , या खुद का मेथड बना सकते है , यह हम बाद में देखेंगे |

arrays को string में बदलना

किसी भी value को string में बदलने के लिए toString() method का प्रयोग तो आप already देख चुके है , array को string में बदलने पर यह कॉमा से separate कि गई value return करता है

toString() method उदाहरण


                                    <script>

                                    var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                                    console.log("first output:" + typeof bike);

                                    var bike = bike.toString();

                                    console.log("second output:" + typeof bike);

                                    console.log("output of bike.tostring():" + bike);

        
        
                                    </script>

आउटपुट देखें =>

output में array (पहले bike का ) का typeof object ( array का typeof object ही होता है) है जबकि कि toString() मेथड अप्लाई करने पर bike variable का typeof string हो गया है| अगली स्लाइड देखें सब क्लियर हो जायेगा |

join() method array को string में बदलने के लिए :

join()method भी toString() के जैसा काम करता है अंतर यह है कि इसमें आप एलिमेंट को अपने दिए separator (* , | , ,) से separate कर सकते है |

join() method उदाहरण


                            <script>

                            var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                            console.log("first output:" + Array.isArray(bike));

                            var bike = bike.join(" | ");

                            console.log("second output:" + Array.isArray(bike));

                            console.log("output of bike.tostring(): " + bike);

                            </script>

आउटपुट देखें =>

पहले bike आउटपुट true आया है इसका मतलब पहला bike variable array है वहीं join () method अप्लाई करने पर false आता है क्योकिं अब बाइक variable string बन चुका है |

join() method में हमने separator के रूप में | का इस्तेमाल किया है |

pop मेथड के द्वारा array मे से एलिमेंट को निकालना :

जैसे कि आपने देखा होगा push() method का उपयोग हमने array में लास्ट एलिमेंट के बाद नया एलिमेंट जोड़ने के लिए किया था |

उसी तरह सिम्पली लास्ट एलिमेंट को निकालने के लिए pop() method का उपयोग किया जा सकता है |


                            <script>

                            var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                           var whatPop =  bike.pop();

                           console.log(whatPop);

                          console.log(bike);

                            </script>

आउटपुट देखें =>

bike.pop() का आउटपुट यह दिखाता है कि array से कौनसा एलिमेंट निकाला जा रहा है , इसी तरह अगर bike.push("Honda") करें तो इसका आउटपुट 5 यह बताता है कि किस index में "Honda" को इन्सर्ट करना है |

shift() method के द्वारा array से एलिमेंट निकालना :

shift() method pop() mehtod के समान ही है अन्तर केवल यह है कि pop() मेथड जहां अंतिम element (arrayName.length-1) से एलिमेंट को निकालता है |

वहीं shift() मेथड पहले एलिमेंट ( 0 index ) में same काम करता है |

unshift() method के द्वारा array से एलिमेंट जोड़ना :

unshift() method push() mehtod के समान ही है अन्तर केवल यह है कि push() मेथड जहां अंतिम element के बाद (arrayName.length) में एलिमेंट को जोड़ता है |

वहीं unshift() मेथड पहले एलिमेंट ( 0 index ) के पहले एलिमेंट को जोड़कर खुद 0 index में आ जाता है है तथा पूर्व में 0 index में स्थित value 1 index में आ जाती है |

इसमें भी array.unshift("Hayabusa") का आउटपुट 5 आता है , लेकिन आप इसे ऐसा कह सकते है कि लास्ट से प्रारंभ कि ओर काउंट किया गया है |

>array से elements को delete करना :

क्योकिं जावास्क्रिप्ट array , ऑब्जेक्ट्स होते है, इसलिए आप javascript operator delete operator का प्रयोग कर array से elements डिलीट कर सकते है |

delete operator उदाहरण


                            <script>

                            var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                            delete bike[0];

                            console.log(bike);

                            </script>

आउटपुट देखें =>

जैसे कि आप आउटपुट में क्लियर देख सकते है , अगर आप delete operator का प्रयोग कर element डिलीट करते है तो delete किये गये elements कि जगह होल बन जाता है और undefined return करता है

इससे अच्छा है कि आप pop() मेथड या shift() मेथड का ही प्रयोग element remove करने के लिए करें |

array में new element add करने के लिए splice mehtod :

splice() method का प्रयोग कर आप जिन elements को replace करना चाहते है और उनके स्थान पर दूसरे एलिमेंट add करना चाहते है उसे डायरेक्ट टारगेट कर सकते है

बिना element replace किये भी elements को add कर सकते है |

आइये उदाहरण में देखते है :


                            <script>

                            var bike = ["Hero","Bajaj","Yamaha","TVS"];

                            bike.splice(2,0,"Honda", "Hayabusa") ;

                            console.log(bike);

                           var bike1 = ["Hero","Bajaj","Yamaha","TVS"];

                            bike.splice(2,2,"Honda","Hayabusa");

                            console.log(bike1);

                            </script>

आउटपुट देखें =>

पहले array से हमने index 2 को टारगेट किया है जहाँ से 0 एलिमेंट replace करना है , तथा "Honda", "Hayabusa" दो value इन्सर्ट करना है , अर्थात पहला param eter यह निर्धारित करता है कि कहाँ टारगेट करना है , दूसरा कितनी value replace करना है |

bike1 में हमने index 2 ही टारगेट किया है लेकिन index 2 से 2 element (index 2 & 3) को क्रमशः "Honda", "Hayabusa" से replace किया है |

अब बहुत कुछ आप स्वयं प्रयाश करें जैसे splice() method का प्रयोग केवल element निकालने के लिए कैसे करें , अर्थात pop कि तरह लेकिन जिस index के एलिमेंट को चाहे उस एलिमेंट को delete operator के विपरीत बिना होल क्रिएट किये ||

>अतिरिक्त array method :

string के concat() method को same उसी प्रकार array के लिए भी प्रयोग कर सकते है |

string के slice() method का भी प्रयोग उसी प्रकार array में भी किया जा सकता है |

कुछ चीजे ऐसी भी जिन्हें अभी चर्चा करने का कोई मतलब नही क्योकि जो आगे आने वाले लेसन है उनसे relate करने पर ज्यादा बेहतर ढंग से समझा जा सकता है , इसलिए याद करने से बेहतर है कि practicle देखे और सोचें |

Aarray के elements को sort() मेथड द्वारा sort करना :

sort() method का प्रयोग कर आप array के elements को alphabetically sort कर सकते है |

for string length उदाहरण


                                    <script>

                                    var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                                    bike.sort();

                                    console.log(bike);

                                    </script>

आउटपुट देखें =>

sort() मेथड अप्लाई करने पर element को alphabetically , a to z के क्रम में sort किया जा सकता है |

reverse() method array को reverse करने के लिए :

reverse()method का प्रयोग कर आप array के elements को पूर्णतः reverse कर सकते है |

लास्ट वाले element को पहला और पहले को लास्ट में पंहुचा सकते है , इसी प्रकार अन्य बीच के elements भी reverse हो जायेंगे |

reverse() method उदाहरण


                            <script>

                            var bike = ["Hero","Bajaj","Yamaha","TVS","Honda"];

                            //bike.sort();

                            bike.reverse();

                            console.log(bike);

                            </script>

आउटपुट देखें =>

अब चाहे तो reverse() के पहले sort() लगा के z-a के क्रम में elements को sort कर सकते हो

JavaScript all array methods in Hindi | With Example and output , जावास्क्रिप्ट के सभी अरे मेथड हिंदी में उदाहरण और आउटपुट के साथ

जावास्क्रिप्ट Array introduction या परिचय

array literal मेथड से array बनाना :

मल्टीप्ल लाइन array variable डिक्लेरेशन उदाहरण

new कीवर्ड से array बनाना :

Array के एलिमेंट को एक्सेस करना

array में element अपडेट करना

जावास्क्रिप्ट Arrays , ऑब्जेक्ट होते है

array के element object , function , arrays हो सकते है :

array कि प्रॉपर्टी और मेथड :

array के elements को for लूप से access करना:

forEach() का for loop के स्थान पर प्रयोग :

array में element add करना

w a i t f o r m o r e

अभी array का एक और लेसन बनाने वाले है , जिसमे कुछ और चीजे कवर कि गई बंकि शेष एडवांस वर्जन में देखेंगे

arrays को string में बदलना

toString() method उदाहरण

join() method array को string में बदलने के लिए :

join() method उदाहरण

pop मेथड के द्वारा array मे से एलिमेंट को निकालना :

shift() method के द्वारा array से एलिमेंट निकालना :

unshift() method के द्वारा array से एलिमेंट जोड़ना :

>array से elements को delete करना :

delete operator उदाहरण

array में new element add करने के लिए splice mehtod :

>अतिरिक्त array method :

Aarray के elements को sort() मेथड द्वारा sort करना :

for string length उदाहरण

reverse() method array को reverse करने के लिए :

reverse() method उदाहरण

आपको ये पोस्ट पसंद आ सकती हैं

एक टिप्पणी भेजें

0 टिप्पणियाँ

संपर्क फ़ॉर्म

Categories

Facebook

Popular Posts

Random Posts

Recent Posts

Menu Footer Widget

w a i t
f o r
m o r e