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

JavaScript में Object.fromEntries() मेथड

JavaScript में Object.fromEntries() मेथड की-वैल्यू पेयर वाले इटरेबल (जैसे ऐरे, मैप) को ऑब्जेक्ट में बदलने के लिए उपयोग किया जाता है।

उदाहरण

<!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 {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result,.sample {       font-size: 20px;       font-weight: 500;    } </style> </head> <body> <h1>Object.fromEntries() method </h1> <div class="sample"><pre>[[firstName,Rohan],[lastName,Sharma],[age,22]]</pre></div> <div style="color: green;" class="result">Object = <br></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to convert the above array into object</h3> <script>    let resEle = document.querySelector(".result");    let sampleEle = document.querySelector(".sample");    let arr = [['firstName','Rohan'],['lastName','Sharma'],['age',22]];    document.querySelector(".Btn").addEventListener("click", () => {       let obj = Object.fromEntries(arr);       for(i in obj){          resEle.innerHTML += 'Key = '+i+' : Value = '+obj[i]+ '<br>';       }    }); </script> </body> </html>

आउटपुट

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

JavaScript में Object.fromEntries() मेथड

'CLICK HERE' बटन पर क्लिक करने पर:

JavaScript में Object.fromEntries() मेथड

  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> <sty

  1. जावास्क्रिप्ट में RegExp ऑब्जेक्ट जावास्क्रिप्ट में RegExp ऑब्जेक्ट

    RegExp ऑब्जेक्ट का उपयोग टेक्स्ट में पैटर्न मिलान, खोज और टेक्स्ट के भाग को निकालने के लिए किया जाता है। RegExp ऑब्जेक्ट को या तो RegExp कंस्ट्रक्टर या लिटरल सिंटैक्स का उपयोग करके बनाया जा सकता है। जावास्क्रिप्ट में RegExp ऑब्जेक्ट के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html la

  1. जावास्क्रिप्ट में ऑब्जेक्ट इनिशियलाइज़र जावास्क्रिप्ट में ऑब्जेक्ट इनिशियलाइज़र

    एक ऑब्जेक्ट इनिशियलाइज़र एक एक्सप्रेशन है जो हमें नए बनाए गए ऑब्जेक्ट को इनिशियलाइज़ करने की अनुमति देता है। यह एक ऑब्जेक्ट के प्रॉपर्टी नामों और संबंधित मानों के शून्य या अधिक जोड़ों की कॉमा-सेपरेटेड सूची है जो कर्ली ब्रेसेस {} में संलग्न होती है। जावास्क्रिप्ट में ऑब्जेक्ट इनिशियलाइज़र के लिए निम