आपने पहले सीखा है कि JavaScript के push() मेथड का उपयोग करके ऐरे से आइटम कैसे जोड़ें और हटाएं।
लेकिन क्या होगा यदि हम किसी मौजूदा ऐरे में आइटम्स का एक ऐरे जोड़ना चाहते हैं? दूसरे शब्दों में, क्या होगा यदि हम दो अलग-अलग ऐरे को एक साथ मर्ज करना चाहते हैं?
JavaScript में दो या अधिक ऐरे को एक साथ मर्ज करने के लिए, आप Array.prototype.push.apply() का उपयोग कर सकते हैं
मान लीजिए हमारे पास दो फ्रूट बास्केट हैं, और हम सभी फलों को एक बास्केट में चाहते हैं। कोई समस्या नहीं।
ES5
var fruitBasketOne = ["apple", "banana", "grapes"] var fruitBasketTwo = ["orange", "apricot", "pear"] Array.prototype.push.apply(fruitBasketOne, fruitBasketTwo) // returns ['apple', 'banana', 'grapes', 'orange', 'apricot', 'pear'] console.log(fruitBasketOne) // returns ["orange", "apricot", "pear"] console.log(fruitBasketTwo)
यह दूसरे ऐरे को पहले में मर्ज कर देगा। ध्यान दें कि दूसरा ऐरे, fruitBasketTwo अभी भी मेमोरी में रहता है। यह मेथड नहीं मूल ऐरे को हटाता है।
ES6 के साथ ऐरे मर्ज करना
ES6 स्प्रेड ऑपरेटर का उपयोग करके मर्ज करना और भी आसान हो सकता है:
let fruitBasketOne = ["apple", "banana", "grapes"] let fruitBasketTwo = ["orange", "apricot", "pear"] fruitBasketOne.push(...fruitBasketTwo) // returns ['apple', 'banana', 'grapes', 'orange', 'apricot', 'pear'] console.log(fruitBasketOne)
कम्पैटिबिलिटी
पहला push मेथड सभी आधुनिक ब्राउज़र्स के साथ कम्पैटिबल है, और कम से कम IE6 तक। दूसरा मेथड केवल आधुनिक ब्राउज़र्स में काम करता है, लेकिन आप Babel जैसे प्री-प्रोसेसर का उपयोग करके अपने JavaScript को ES5 कम्पैटिबल कोड में वापस कंपाइल कर सकते हैं, और इसे पुराने ब्राउज़र्स में काम करवा सकते हैं।
Array Push मेथड के बारे में और जानें।