concat() and slice() Manipulation Methods

concat() and slice() Manipulation Methods – किसी Array में Stored विभिन्न Items के साथ हम विभिन्न प्रकार के Interactions कर सकते हैं। उदाहरण के लिए concat() Method को Use करके हम Current Array के विभिन्न Items के आधार पर एक नया Array Create कर सकते हैं।

ये Method सबसे पहले Current Array की एक Copy बनाता है और फिर Method Arguments को Array के अन्त में Append करता है और हमें एक नया Array Return करता है।

यदि हम एक या एक से ज्यादा Arrays को concat() Method में Append होने के लिए Pass करते हैं, तो इन Arrays का हर Item Resultant Array के अन्त में Append होता है। जबकि यदि इस Method में Pass किए गए Arguments Array न हों, तो सभी Arguments Resultant Array के अन्त में Append हो जाते हैं। जैसे-

[code]
var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
alert(color);   //Output: red,green,blue
alert(color2);  //Output: red,green,blue, yellow, black, brown
[/code]

जैसाकि उपरोक्त Code में हम देख सकते हैं कि हमने सबसे पहले color नाम का एक Array Create करके उसमें तीन Colors को Specify किया है। फिर हमने colors2 नाम का एक और Array Create किया और इस Array में Value के रूप में color Array के साथ concat() Method Use करके इसके Argument के रूप में हमने “yellow”String को Simple Value की तरह Specify किया है।

जबकि एक Anonymous Array को concat() Method के दूसरे Argument के रूप में Specify किया है, जिसमें “black” व “brown”Colors हैं। इस प्रकार से colors2 Array में सभी Color Insert हो जाते हैं, जिसे हम दूसरे Alert Box के Output के रूप में देख सकते हैं।

concat() Method जिस तरह से किसी Array में नया Array या Simple Value को Append करता है, उसी तरह से slice() Method किसी Array को टुकडों में विभाजित करने का काम करता है। इस Method में हम एक या दो Arguments को Pass कर सकते हैं, जो कि किसी Array से Return होने वाले Elements की Starting व Ending Position को Represent करते हैं।

यदि हम केवल एक Argument Pass करते हैं, तो ये Method उस Specified Position से Array के अन्तिम Elements तक के सभी Elements को Return करता है, जबकि दो Arguments Pass करने पर ये Method पहले Argument के मान से दूसरे Argument के मान तक के Elements को Return करता है।

जबकि Specify किए गए दूसरे Argument का Element यानी अन्तिम Element Return नहीं होता। ध्‍यान रखने वाली बात ये है कि slice() Method जिस Array के साथ Use किया जाता है, उस Array पर किसी तरह का कोई प्रभाव नहीं डालता। जैसे-

[code]
var colors = ["red", "green", "blue", "yellow", "purple"];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1,4);
alert(colors2);     //Output: green,blue,yellow,purple
alert(colors3);     //Output: green,blue,yellow
[/code]

उपरोक्त Code में हमने colors नाम का एक Array Create किया है, जिसमें पांच Strings हैं। फिर हमने colors2 नाम का एक Array Create किया है और colors.slice(1) Statement द्वारा slice() Method में केवल एक Argument 1 Pass किया है। ये Statement Execute होने पर colors2 नाम के Array में colors Array के पहले Element से अन्तिम Element तक के सभी Elements को Copy कर देगा।

जबकि colors3 नाम के तीसरे Variable में हमने slice() Method में 1 व 4 दो Arguments Pass किए है, फलस्वरूप जैसाकि हम उपरोक्त Code के Output में देख सकते हैं, ये Method colors Array के केवल पहले, दूसरे व तीसरे Element यानी कुल तीन Elements को ही colors3 Array में Store करेगा।

हम slice() Method में Negative Number भी Specify कर सकते हैं। यदि हम ऐसा करते हैं, तो slice() Method, Specified Negative Number को Array की length Property में से घटाता है और Starting या Ending अथवा दोनों Positions को Identify करने के बाद Array के Elements को Return करता है।

उदाहरण के लिए यदि हम उपरोक्त Array के साथ slice(-2, -1) Format में slice() Method को Use करें, तो चूंकि Array में कुल 5 Elements हैं, इसलिए Starting Position = 5-2 तथा Ending Position = 5-1 यानी बनने वाला Final slice() Method slice(3,4) होगा और हमें Output ECMAScript केवल तीसरा Element ही प्राप्त होगा। जबकि यदि Ending Position का मान Starting Position के मान से कम हो, तो ये Method हमें एक Empty Array Return करता है।

Advavnce JavaScript in Hindiये Article इस वेबसाईट पर Selling हेतु उपलब्‍ध EBook Advance JavaScript in Hindi से लिया गया है। इसलिए यदि ये Article आपके लिए उपयोगी रहा, तो निश्चित रूप से ये पुस्तक भी आपके लिए काफी उपयोगी साबित होगी। 

Advance JavaScript in Hindi | Page: 669 | Format: PDF

BUY NOW GET DEMO REVIEWS