Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

वेनिला जावास्क्रिप्ट (ES5 और ES6) में सरणी कैसे मर्ज करें

आपने पहले सीखा है कि जावास्क्रिप्ट के push() का उपयोग करके किसी सरणी से आइटम कैसे जोड़ना और निकालना है विधि।

लेकिन क्या होगा यदि हम किसी मौजूदा सरणी में आइटम्स की एक सरणी जोड़ना चाहते हैं? दूसरे शब्दों में, अगर हम दो अलग-अलग सरणियों को एक साथ मिलाना चाहते हैं तो क्या होगा?

जावास्क्रिप्ट में दो या दो से अधिक सरणियों को एक साथ मिलाने के लिए, आप 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)

संगतता

पहली पुश विधि सभी आधुनिक ब्राउज़रों के साथ संगत है, और कम से कम IE6 पर वापस आती है। दूसरी विधि केवल आधुनिक ब्राउज़र में काम करती है, लेकिन आप अपने जावास्क्रिप्ट को वापस ES5 संगत कोड में संकलित करने और पुराने ब्राउज़र में काम करने के लिए Babel जैसे प्री-प्रोसेसर का उपयोग कर सकते हैं।

ऐरे पुश विधि के बारे में अधिक जानकारी।


  1. जावास्क्रिप्ट पॉप विधि:यह क्या है और इसका उपयोग कैसे करें

    जावास्क्रिप्ट ऐरे पॉप मेथड जिसे कहा जाता है, कई ऐरे मेथड में से एक है जिसका उपयोग एरे में डेटा में हेरफेर करने के लिए किया जा सकता है। वेब डेवलपर्स इसका उपयोग ऐसे समय में करते हैं जब उन्हें शॉर्ट एरे के साथ या पॉप्ड एलिमेंट के साथ कुछ करने की आवश्यकता होती है। आइए जानें इसका उपयोग कैसे करें: सिंटैक

  1. जावास्क्रिप्ट में सरणियों को कैसे कम करें?

    जावास्क्रिप्ट में सरणियों को कम करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document

  1. हम जावास्क्रिप्ट में वस्तुओं वाले सरणियों की सरणी के माध्यम से कैसे लूप करते हैं?

    जावास्क्रिप्ट में ऑब्जेक्ट्स वाले सरणियों की सरणी के माध्यम से लूप करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.