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

JavaScript फंक्शन में अनलिमिटेड आर्गुमेंट्स कैसे उपयोग करें?

arguments ऑब्जेक्ट का उपयोग

JavaScript में किसी फंक्शन को अनिश्चित संख्या में आर्गुमेंट्स पास करने के लिए arguments ऑब्जेक्ट का उपयोग किया जाता है। यह एक ऐरे-जैसा ऑब्जेक्ट है जो फंक्शन को पास किए गए सभी आर्गुमेंट्स को रखता है।

उदाहरण

<html> 
  <body> 
    <script> 
      function functionArgument(val1, val2, val3) {
        var res = "";
        res += "Expected Arguments: " + functionArgument.length + "<br />";
        res += "Current Arguments : " + arguments.length + "<br />";
        res += "Each argument = ";
        
        for (var p = 0; p < arguments.length; p++) {
          res += "<br />";
          res += arguments[p];  // arguments[p] का उपयोग करें, functionArgument.arguments[p] नहीं
          res += " ";
        }
        document.write(res);
      }
      
      functionArgument(20, 50, 80, "Demo Text!", "Hello World", new Date());
    </script> 
  </body> 
</html>

आउटपुट

Expected Arguments: 3
Current Arguments : 6
Each argument = 20 50 80 Demo Text! Hello World [Date Object]

महत्वपूर्ण बिंदु

  • arguments.length - वास्तव में पास किए गए आर्गुमेंट्स की संख्या
  • functionName.length - फंक्शन डेफिनिशन में घोषित पैरामीटर्स की संख्या
  • arguments एक ऐरे-जैसा ऑब्जेक्ट है, वास्तविक ऐरे नहीं
  • इसमें .forEach(), .map() आदि ऐरे मेथड्स नहीं होते

ES6 रेस्ट पैरामीटर्स (सुझाया गया)

आधुनिक JavaScript में arguments के बजाय रेस्ट पैरामीटर्स (...args) का उपयोग करना बेहतर है:

 {
    console.log(index, arg);
  });
  
  // फ्लैट करने के लिए
  const allValues = args.flat();
}

modernFunction(1, 2, 3, "hello", [4, 5]);

arguments को ऐरे में बदलना (लीगेसी)

  
    
      विशेषता
      arguments ऑब्जेक्ट
      रेस्ट पैरामीटर्स (...args)
    
  
  
    
      टाइप
      ऐरे-जैसा ऑब्जेक्ट
      वास्तविक ऐरे
    
    
      ऐरे मेथड्स
      नहीं
      हाँ
    
    
      एरो फंक्शन्स में उपलब्ध
      नहीं
      हाँ
    
    
      नामित पैरामीटर्स के साथ
      सभी आर्गुमेंट्स शामिल
      केवल शेष आर्गुमेंट्स
    
  

            
  1. JavaScript फंक्शन्स का उपयोग कैसे करें: चरण-दर-चरण गाइड JavaScript फंक्शन्स का उपयोग कैसे करें: चरण-दर-चरण गाइड

    JavaScript फंक्शन्स कस्टम कोड ब्लॉक्स हैं जिनका पुन: उपयोग किया जा सकता है। फंक्शन्स कोड को अधिक मॉड्यूलर बनाने की अनुमति देते हैं और ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग के लिए आवश्यक हैं। फंक्शन्स को घोषणाओं या अभिव्यक्तियों के माध्यम से परिभाषित किया जा सकता है। यदि आप JavaScript सीखने की कोशिश कर र

  1. जावास्क्रिप्ट में पैरामीटर्स और आर्गुमेंट्स जावास्क्रिप्ट में पैरामीटर्स और आर्गुमेंट्स

    परिचय फ़ंक्शन पैरामीटर्स फ़ंक्शन परिभाषा में सूचीबद्ध वेरिएबल नाम हैं। फ़ंक्शन आर्गुमेंट्स वे वास्तविक मान हैं जो फ़ंक्शन को पास किए जाते हैं और पैरामीटर्स द्वारा प्राप्त किए जाते हैं। जावास्क्रिप्ट पैरामीटर्स और आर्गुमेंट्स की संख्या के बीच बेमेल होने पर एरर नहीं फेंकता। उदाहरण निम्न कोड जावास्क्

  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&g