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

जावास्क्रिप्ट Array.of() फंक्शन

जावास्क्रिप्ट का Array.of() मेथड पैरामीटर वैल्यूज के रूप में वेरिएबल्स के साथ एक नया एरे इंस्टेंस बनाने के लिए उपयोग किया जाता है।

सिंटैक्स इस प्रकार है:

Array.of(element0, element1, ..., elementN)

ऊपर, एलिमेंट्स पैरामीटर वैल्यूज के रूप में वैल्यूज हैं।

उदाहरण 1

<!DOCTYPE html>
<html>
<body>
  <h2>डेमो हेडिंग</h2>
  <p>कंसोल में वैल्यूज दिखाने के लिए बटन क्लिक करें</p>
  <button onclick="display()">परिणाम</button>
  <p id="test"></p>
  <script>
    function display() {
      console.log(Array.of(10, 20, 30, 40, 50));
    }
  </script>
</body>
</html>

आउटपुट

[10, 20, 30, 40, 50]

उदाहरण 2

<!DOCTYPE html>
<html>
<body>
  <h2>डेमो हेडिंग</h2>
  <p>टॉप 5 रैंक वाले छात्रों के नाम प्राप्त करें...</p>
  <button onclick="display()">परिणाम</button>
  <p id="test"></p>
  <script>
    function display() {
      console.log(Array.of("Kevin", "Tom", "Ryan", "Jacob", "Jack"));
    }
  </script>
</body>
</html>

आउटपुट

["Kevin", "Tom", "Ryan", "Jacob", "Jack"]

Array.of() vs Array कंस्ट्रक्टर

// Array कंस्ट्रक्टर - सिंगल नंबर आर्गुमेंट के साथ समस्या
Array(3);      // [empty × 3] - लंबाई 3 का खाली एरे!
Array(3, 4);   // [3, 4] - दो आर्गुमेंट्स = एलिमेंट्स

// Array.of - हमेशा आर्गुमेंट्स से एरे बनाता है
Array.of(3);       // [3] - सिंगल एलिमेंट 3
Array.of(3, 4);    // [3, 4]
Array.of();        // [] - खाली एरे

उपयोग केस

// जेनेरिक एरे फैक्ट्री फंक्शन
function createArray(...elements) {
  return Array.of(...elements);
}

// सबक्लासिंग के लिए उपयोगी
class MyArray extends Array {}
MyArray.of(1, 2, 3); // MyArray इंस्टेंस लौटाता है
Array.of(1, 2, 3);   // Array इंस्टेंस लौटाता है

निष्कर्ष: Array.of() सिंगल नंबर आर्गुमेंट के साथ Array() कंस्ट्रक्टर के भ्रमित व्यवहार से बचाता है।

  1. JavaScript Array.findIndex(): शर्त पूरी करने वाले पहले तत्व का इंडेक्स JavaScript Array.findIndex(): शर्त पूरी करने वाले पहले तत्व का इंडेक्स

    Array.prototype.findIndex() मेथड एरे में दिए गए टेस्ट फंक्शन को संतुष्ट करने वाले पहले तत्व का इंडेक्स लौटाता है। यदि कोई तत्व टेस्ट पास नहीं करता तो -1 लौटाता है। उदाहरण { fillEle.innerHTML = शेर का इंडेक्स: + arr.findIndex(findLion); }); </script> </body> </html>

  1. JavaScript Array.some(): कुछ तत्व शर्त पूरी करते हैं? JavaScript Array.some(): कुछ तत्व शर्त पूरी करते हैं?

    Array.prototype.some() मेथड जांचता है कि क्या एरे में कम से कम एक तत्व दिए गए टेस्ट फंक्शन को पास करता है। यह बूलियन (true/false) लौटाता है और पहले पास होने पर रुक जाता है (शॉर्ट-सर्किट)। उदाहरण { fillEle.innerHTML = 11 के गुणक मौजूद: + arr.some(checkMultiple); }); </script>

  1. जावास्क्रिप्ट में फ़ंक्शन द्वारा लौटाए गए ऐरे को एक्सेस करना जावास्क्रिप्ट में फ़ंक्शन द्वारा लौटाए गए ऐरे को एक्सेस करना

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