जावास्क्रिप्ट में ऐरे में एलिमेंट कैसे जोड़ें: उदाहरणों सहित 5 तरीके

शुरुआती लोगों के लिए ऑनलाइन Python प्रशिक्षक

Python आसानी से सीखें बिना सिद्धांत के बोझ के। स्वचालित जांच के साथ व्यावहारिक कार्य हल करें और ब्राउज़र में सीधे कोड लिखें।

पाठ्यक्रम शुरू करें

जावास्क्रिप्ट में ऐरे में एलिमेंट कैसे जोड़ें? उदाहरणों सहित पूर्ण विश्लेषण

\n\n

आप जावास्क्रिप्ट में कोड लिख रहे हैं, और अचानक सवाल उठता है: "ऐरे के अंत में नया एलिमेंट कैसे जोड़ें? शुरुआत में? या बीच में?"। यदि आपने कभी "How to append something to an array?" गूगल किया है — तो आप अकेले नहीं हैं। यह प्रश्न Stack Overflow पर हजारों बार देखा गया है, और आज हम इसे हमेशा के लिए समझ लेंगे।

\n\n

JS में डेटा के साथ काम करने की नींव ऐरे हैं। एलिमेंट को जल्दी और सही तरीके से जोड़ने की क्षमता आपको डीबगिंग के घंटे बचाएगी और कोड को साफ बनाएगी। इस ट्यूटोरियल में मैं ऐरे में एलिमेंट जोड़ने के 5 तरीके दिखाऊंगा, क्लासिक push() से लेकर आधुनिक spread-ऑपरेटर तक। चलिए शुरू करते हैं!

\n\n

1. push() विधि: ऐरे के अंत में जोड़ना

\n\n

सबसे लोकप्रिय तरीका। push() ऐरे के अंत में एक या अधिक एलिमेंट जोड़ता है और नई लंबाई लौटाता है।

\n\n

const fruits = ['सेब', 'केला'];\nconst newLength = fruits.push('संतरा');\n\nconsole.log(fruits);    // ['सेब', 'केला', 'संतरा']\nconsole.log(newLength); // 3\n

\n\n

एक साथ कई एलिमेंट जोड़ सकते हैं:

\n\n

fruits.push('नाशपाती', 'अंगूर');\nconsole.log(fruits);\n// ['सेब', 'केला', 'संतरा', 'नाशपाती', 'अंगूर']\n

\n\n

कब उपयोग करें: जब आपको सूची के अंत में डेटा जोड़ना हो — जैसे, कार्ट में नया उत्पाद, चैट में संदेश, लॉग में प्रविष्टि। यह विधि तेज़ (O(1)) काम करती है और मूल ऐरे को बदल देती है।

\n\n

2. unshift() विधि: ऐरे की शुरुआत में जोड़ना

\n\n

यदि एलिमेंट को शुरुआत में डालना है, तो unshift() का उपयोग करें। यह सभी मौजूदा एलिमेंट को दाईं ओर खिसका देता है।

\n\n

const numbers = [2, 3, 4];\nnumbers.unshift(1);\n\nconsole.log(numbers); // [1, 2, 3, 4]\n

\n\n

यह कई एलिमेंट के साथ भी काम करता है:

\n\n

numbers.unshift(-1, 0);\nconsole.log(numbers); // [-1, 0, 1, 2, 3, 4]\n

\n\n

महत्वपूर्ण: बड़े ऐरे के लिए unshift(), push() से धीमा है, क्योंकि सभी एलिमेंट को खिसकाना पड़ता है। यदि ऐरे में 100,000 एलिमेंट हैं — तो किसी अन्य डेटा संरचना (जैसे, डेक के साथ कतार) के बारे में सोचना बेहतर होगा।

\n\n

3. splice() विधि: किसी भी स्थान पर डालना

\n\n

सर्व-उपयोगी विधि। splice() ऐरे से एलिमेंट हटा सकता है, बदल सकता है और निश्चित रूप से किसी भी स्थान पर एलिमेंट जोड़ सकता है।

\n\n

सिंटैक्स: array.splice(start, deleteCount, item1, item2, ...)

\n\n

start — वह इंडेक्स जहाँ से शुरू करना है
deleteCount — कितने एलिमेंट हटाने हैं (यदि केवल जोड़ना है तो 0 रखें)
item1, item2, ... — डालने के लिए एलिमेंट

\n\n

उदाहरण: दूसरे स्थान (इंडेक्स 1) पर 'चेरी' डालना:

\n\n

const colors = ['लाल', 'नीला', 'हरा'];\ncolors.splice(1, 0, 'चेरी');\n\nconsole.log(colors);\n// ['लाल', 'चेरी', 'नीला', 'हरा']\n

\n\n

एक साथ कई एलिमेंट डाल सकते हैं:

\n\n

const letters = ['a', 'd'];\nletters.splice(1, 0, 'b', 'c');\n\nconsole.log(letters); // ['a', 'b', 'c', 'd']\n

\n\n

कब उपयोग करें: जब आपको एलिमेंट को ऐरे के बीच में सटीक रूप से डालना हो — जैसे, मौजूदा मेनू आइटम के बीच नया मेनू आइटम जोड़ना। याद रखें: splice() ऐरे को बदल देता है।

\n\n

4. concat() विधि: नया ऐरे बनाना

\n\n

पिछली विधियों के विपरीत, concat() मूल ऐरे को नहीं बदलता, बल्कि दो या अधिक ऐरे (या एलिमेंट) को मिलाकर एक नया ऐरे लौटाता है।

\n\n

const arr1 = [1, 2, 3];\nconst arr2 = [4, 5];\nconst result = arr1.concat(arr2);\n\nconsole.log(result); // [1, 2, 3, 4, 5]\nconsole.log(arr1);   // [1, 2, 3] — नहीं बदला\n

\n\n

न केवल ऐरे, बल्कि अलग-अलग मान भी जोड़ सकते हैं:

\n\n