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

जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाना


परिचय

जावास्क्रिप्ट में ऐरे बनाने का एक तरीका new Array() कंस्ट्रक्टर का उपयोग करना है। हालांकि, ऐरे लिटरल सिंटैक्स [] आमतौर पर पसंद किया जाता है क्योंकि यह अधिक संक्षिप्त और तेज़ है।

उदाहरण

निम्न कोड जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाने के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>new कीवर्ड के साथ ऐरे</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>new कीवर्ड के साथ ऐरे बनाना</h1> <div style="color: green;" class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3> नया ऐरे बनाने और प्रदर्शित करने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { const arr = new Array(1, 2, 3, 4, "A", "B", "C", "D"); resEle.innerHTML = "arr = " + arr; }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाना

'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

जावास्क्रिप्ट में new कीवर्ड के साथ ऐरे बनाना

महत्वपूर्ण चेतावनी

single numeric argument के साथ व्यवहार अलग होता है:

new Array(3)  // [empty × 3] - लंबाई 3 का खाली ऐरे बनाता है
new Array(1, 2, 3)  // [1, 2, 3] - एलिमेंट्स के साथ ऐरे बनाता है
[3]  // [3] - हमेशा एलिमेंट्स के साथ ऐरे बनाता है

सर्वोत्तम अभ्यास

  • ऐरे लिटरल [] का उपयोग करें - तेज़, अधिक पठनीय, कोई अस्पष्टता नहीं
  • Array.from() या Array.of() का उपयोग करें जब कंस्ट्रक्टर व्यवहार की आवश्यकता हो
  • new Array(length) का उपयोग केवल तभी करें जब आप खाली स्लॉट्स के साथ पूर्व-आवंटित ऐरे चाहते हों
  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>  

  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>    

  1. - JavaScript में दूसरे ऐरे से एसोसिएटिव ऐरे को फ़िल्टर करना

    मान लीजिए, हमारे पास ऑब्जेक्ट्स के दो ऐरे हैं:const data = [    {"XD_A":"XDL","XD_B_1":"38","XD_B_2":"PB"},    {"XD_A":"XDR","XD_B_1":"51","XD_B_2":"PB"},