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

जावास्क्रिप्ट में 'for await...of' स्टेटमेंट का महत्व क्या है?

for await...of

'for await...of' स्टेटमेंट एसिंक ऑब्जेक्ट्स और सिंक ऑब्जेक्ट्स जैसे सरणी, सरणी-जैसे ऑब्जेक्ट्स, मैप्स, सेट्स आदि पर पुनरावृति करने वाला लूप बनाता है।

सिंटैक्स

for await (variable of iterable) {    statement }

उदाहरण

निम्नलिखित उदाहरण में "for await...of" स्टेटमेंट का उपयोग सामान्य सरणी पर एसिंक फॉर्मेट में लूप करने के लिए किया गया है और 1 से 5 तक के इंटीजर्स आउटपुट में दिखाए अनुसार प्रदर्शित किए गए थे।

<html> <body> <script>    var txt = "";    const array = [1,2,3,4,5];    async function test() {       for await (const p of array) {          var txt = p + "</br>";          document.write(txt);       }    }    test(); </script> </body> </html>

आउटपुट

1 2 3 4 5

एसिंक फंक्शन को लूप में कॉल करने के लिए, एक नया Symbol "Symbol.asyncIterator" और "for-await...of" कंस्ट्रक्ट उपयोग किया जाता है। सबसे महत्वपूर्ण बात "for-await...of" ने एसिंक इटरेबल ऑब्जेक्ट पर लूप करने में महत्वपूर्ण भूमिका निभाई है।

उदाहरण

निम्नलिखित उदाहरण में "for await...of" का उपयोग करके, जो एसिंक इटरेबल पर पुनरावृति करता है, 1 से 5 तक के इंटीजर्स प्रदर्शित किए गए।

<html> <body> <script>    var txt = "";    var async = {       [Symbol.asyncIterator]() {          return {             i: 1,             next() {                if (this.i < 6) {                   return Promise.resolve({ value: this.i++, done : false});                }             }          };       }    };    async function test() {       for await (let p of async) {          txt = p + "</br>"          document.write(txt);       }    }    test(); </script> </body> </html>

आउटपुट

1 2 3 4 5
  1. - JavaScript में '/g' फ्लैग का महत्व

    /g नियमित अभिव्यक्तियों में से एक है जो उपयोगकर्ता का कार्य आसान बनाता है। /g प्रदान किए गए शब्द के लिए वैश्विक रूप से खोज करता है। यदि किसी शब्द को सभी घटनाओं में दूसरे शब्द से बदला जाना है तो /g तस्वीर में आता है। आइए इसे संक्षेप में चर्चा करें। निम्न उदाहरण में, हमें सभी प्रदान किए गए blue शब्दो

  1. - जावास्क्रिप्ट में Symbol.isConcatSpreadable का महत्व क्या है?

    Symbol.isConcatSpreadable यह प्रसिद्ध सिंबल यह कॉन्फ़िगर करने के लिए उपयोग किया जाता है कि Array.prototype.concat() मेथड का उपयोग करते समय किसी ऑब्जेक्ट को उसके ऐरे एलिमेंट्स में फ्लैट किया जाना चाहिए या नहीं। यदि यह false है तो ऐरे का कोई फ्लैटिंग नहीं होता। डिफ़ॉल्ट रूप से, Symbol.isConcatSpreadab

  1. JavaScript WITH स्टेटमेंट के उपयोग क्या हैं? JavaScript WITH स्टेटमेंट के उपयोग क्या हैं?

    WITH स्टेटमेंट का उपयोग दिए गए प्रॉपर्टी के लिए डिफॉल्ट ऑब्जेक्ट निर्दिष्ट करने के लिए किया जाता है और यह हमें लंबे ऑब्जेक्ट रेफरेंस लिखने से बचाता है। यह दिए गए ऑब्जेक्ट को स्कोप चेन के शीर्ष पर जोड़ देता है।JavaScript में WITH स्टेटमेंट का कोड:उदाहरण<!DOCTYPE html> <html lang="hi&quo