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

जावास्क्रिप्ट में Array.prototype.find() मेथड


परिचय

Array.prototype.find() मेथड ऐरे में उस पहले एलिमेंट का मान लौटाता है जो दी गई टेस्टिंग फ़ंक्शन को संतुष्ट करता है। यदि कोई एलिमेंट टेस्ट पास नहीं करता, तो undefined लौटाता है। filter() के विपरीत, यह पहले मिलान पर रुक जाता है।

उदाहरण

निम्न कोड Array.prototype.find() मेथड के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>ऐरे फाइंड</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .find { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>जावास्क्रिप्ट Array Find() उदाहरण</h1> <div class="find"></div> <button class="fillArr">यहाँ क्लिक करें</button> <h3> जानवरों में शेर खोजने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> function findLion(animal) { return animal === 'lion'; } const fillEle = document.querySelector(".find"); const arr = ['गाय', 'शेर', 'सांड', 'बाघ']; fillEle.innerHTML = arr.join(', '); document.querySelector(".fillArr").addEventListener("click", () => { const found = arr.find(findLion); fillEle.innerHTML = found ? `मिला: ${found}` : 'नहीं मिला'; }); </script> </body> </html>

आउटपुट

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

जावास्क्रिप्ट में Array.prototype.find() मेथड

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

जावास्क्रिप्ट में Array.prototype.find() मेथड

संबंधित मेथड्स

मेथडरिटर्नविवरण
find()एलिमेंट या undefinedपहला मिलान करने वाला एलिमेंट
findIndex()इंडेक्स या -1पहले मिलान करने वाले एलिमेंट का इंडेक्स
filter()ऐरेसभी मिलान करने वाले एलिमेंट्स
includes()बूलियनजांचता है कि मान मौजूद है या नहीं
indexOf()इंडेक्स या -1पहली घटना का इंडेक्स

कॉलबैक पैरामीटर्स

arr.find((element, index, array) => {
  // element - वर्तमान एलिमेंट
  // index - वर्तमान इंडेक्स
  // array - मूल ऐरे
  return condition;
});
  1. JavaScript में Array.prototype.includes() मेथड JavaScript में Array.prototype.includes() मेथड

    JavaScript Array.prototype.includes() मेथड का उपयोग यह जांचने के लिए किया जाता है कि कोई ऐरे दिए गए एलिमेंट को शामिल करता है या नहीं। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="w

  1. जावास्क्रिप्ट में Array.prototype.sort() मेथड जावास्क्रिप्ट में Array.prototype.sort() मेथड

    जावास्क्रिप्ट Array.prototype.sort() मेथड का उपयोग एरे को सॉर्ट करने के लिए किया जाता है। सॉर्टिंग का क्रम अल्फाबेटिक, न्यूमेरिक, आरोही या अवरोही हो सकता है। Array.prototype.sort() मेथड के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /

  1. जावास्क्रिप्ट में Array.prototype.flat() मेथड जावास्क्रिप्ट में Array.prototype.flat() मेथड

    जावास्क्रिप्ट Array.prototype.flat() मेथड का उपयोग किसी एरे को निर्दिष्ट गहराई तक रिकर्सिवली फ्लैट करने के लिए किया जाता है। यह मूल एरे में बदलाव नहीं करता बल्कि एक नया फ्लैट एरे बनाता है। Array.prototype.flat() मेथड के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <he