Reference Type in JavaScript – concat(), slice() and splice() Methods

Reference Type in JavaScript – किसी 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

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 करता है।

splice() Method

slice() Method के अलावा ECMAScript हमें splice() नाम का एक और Method Provide करता है, जिसे ज्यादा तरीकों से Use करके विभिन्न प्रकार की Array Related जरूरतों को पूरा किया जा सकता है।

splice() Method का मूल Purpose किसी Item को Array के बीच की किसी Position पर Insert करना होता है, लेकिन इस Method को हम निम्नानुसार तीन Distinct तरीकों से Use कर सकते हैं:

Deletion

इस Method को Use करके Array से जितने चाहें उतने Methods को Delete कर सकते हैं। हमें केवल Delete किए जाने वाले Elements के Starting व Ending Positions को Arguments के रूप में इस Method में Pass करना होता है। जैसे splice(0,2) Statement Array के Index Number 0 व 1 पर Placed पहले दो Items को Remove कर देगा।

Insertion

इस Method का प्रयोग करके हम किसी Array की किसी Specific Position पर एक या एक से ज्यादा नए Elements को Insert कर सकते हैं। इस Method में हमें तीन Arguments Provide करने होते हैं।

• • पहला Argument उस Element की Position को Specify करता है जहां से नया Element Insert करना है।
  • दूसरा Argument उस संख्‍या को Specify करता है, जितने Elements को हम Insertion से पहले Delete करना चाहते हैं और
  • तीसरा Argument उस Element को Specify करता है, जिसे हम Insert करना चाहते हैं।

यदि हमें एक से ज्यादा Elements को Insert करना हो, तो हम सभी Elements को चौथे, पांचवे, छठे आदि Argument के रूप में Specify कर सकते हैं।

उदाहरण के लिए splice(2, 0, “red”, “green”) Statement “red” व “green” Strings को Array की दूसरी Position पर Insert कर देगा। चूंकि दूसरे Argument का मान हमने 0 Specify किया है, जिसका मतलब ये है कि ये Statement Array के किसी भी Element को Delete नहीं करेगा।

Replacement

इस Method का प्रयोग करके किसी Array में Items को Delete करते हुए नए Items को किसी Specific Position पर Insert भी किया जा सकता है। इस जरूरत को पूरा करने के लिए हमें splice() Method में तीन Arguments देने होते हैं। Insertion की Starting Position, Delete किए जाने वाले कुल Items की संख्‍या और Insert किए जाने वाले सभी Items की Comma Separated List जैसे

      splice(2, 1, “red”, “green”)

ये Statement Array के दूसरे Element से एक Element को Delete करेगा यानी दूसरे Element को Delete करेगा और दूसरे व तीसरे Location पर क्रमश: “red” व “green” मान Insert करेगा।

splice() Method हमेंशा उन Items का एक Array Return करता है, जिन्हें Remove किया गया है जबकि यदि Array से किसी Item को Remove न किया गया हो, तो ये एक Empty Array Return करता है। इन तीनों प्रकार के उपयोगों को हम निम्न उदाहरण Program द्वारा समझ सकते हैं:

[code]
var colors = [“red”, “green”, “blue”];
var removed = colors.splice(0,1);       //remove the first item
alert(colors);                          //green,blue
alert(removed);                         //red - one item array

removed = colors.splice(1, 0, “yellow”, “orange”);    //insert two items at position 1
alert(colors);                          //green,yellow,orange,blue
alert(removed);                         //empty array

removed = colors.splice(1, 1, “red”, “purple”);          //insert two values, remove one
alert(colors);                          //green,red,purple,orange,blue
alert(removed);                         //yellow - one item array
[/code]