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

वेनिला JavaScript में ऐरे कैसे मर्ज करें (ES5 और ES6)

आपने पहले सीखा है कि 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 मेथड के बारे में और जानें।

  1. JavaScript Pop मेथड: यह क्या है और इसका उपयोग कैसे करें JavaScript Pop मेथड: यह क्या है और इसका उपयोग कैसे करें

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

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

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

  1. जावास्क्रिप्ट में ऑब्जेक्ट्स वाले ऐरे के ऐरे के माध्यम से लूप कैसे करें? जावास्क्रिप्ट में ऑब्जेक्ट्स वाले ऐरे के ऐरे के माध्यम से लूप कैसे करें?

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