जावास्क्रिप्ट विधियाँ:toFixed ()

जावास्क्रिप्ट में एक नंबर ऑब्जेक्ट विधि मौजूद है जो हमें किसी संख्या पर एक निश्चित दशमलव बिंदु सेट करने की अनुमति देती है और फिर इसे एक स्ट्रिंग के रूप में लौटाती है। यह लेख इस पद्धति के सिंटैक्स के बारे में बात करेगा और इसका उपयोग करने का तरीका बताएगा।

जब हम जावास्क्रिप्ट में आदिम के बारे में बात करते हैं, तो हम उन वस्तुओं के बारे में बात कर रहे हैं जो ऑब्जेक्ट नहीं हैं और उनके साथ कोई विधि नहीं जुड़ी है। जब हम एक आदिम मूल्य लेना चाहते हैं और इसे एक वस्तु बनाना चाहते हैं, तो हम ऐसा आदिम आवरणों के साथ कर सकते हैं जो मूल्य या डेटा प्रकार के आसपास जा सकते हैं।

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

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

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>repl.it</title>
   <link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
   <form onsubmit=handleSubmit(event)>
     <label for="to-fixed">Enter a number:</label>
     <input id="to-fixed" onchange=handleChange(event) type="text" name="inputVal" value=""/>
     <label for="num-digits">Num places:</label>
     <input id="num-digits" onchange=handleChange(event) type="text" name="numVal" value=""/>
 
     <input type="submit" value="Submit" />
   </form>
 
   <h3 id="root"></h3>
 
   <script>
     let inputVal = '';
     let numVal = '';
 
     const handleChange = e => {
       if(e.target.name === "inputVal") {
         inputVal = e.target.value;
       } else {
         numVal = e.target.value;
       }
       console.log(e.currentTarget, e.target)
 
     }
     const handleSubmit = e => {
       e.preventDefault();
       console.log(e)
       const root = document.querySelector("#root");
       root.innerHTML = Number(inputVal).toFixed(Number(numVal));
       console.log(Number(inputVal).toFixed(5))
 
     }
     const inputValue = document.getElementById("to-fixed").value
   </script>
 </body>
</html>

यहाँ, हमने संख्या वस्तु की toFixed () पद्धति का उपयोग उस संख्या को बनाने के लिए किया जिसकी लंबाई हम चाहते हैं। विधि के लिए वाक्य रचना इस प्रकार है:

       const toFixedNumDigits = Number([x]).toFixed(Number([y]));

यदि रूपों के साथ व्यवहार करते हैं, तो आपको एक बात याद रखनी होगी:ये मान तार के रूप में आते हैं। तो toFixed() . का उपयोग करने के लिए उन पर विधि, आपको उन्हें संख्या अभ्यावेदन में बदलना होगा।

हम यहां नंबर (एन) रैपर के साथ इनपुट को इनकैप्सुलेट करके ऐसा करते हैं। पहला चर, x, फ़्लोटिंग पॉइंट नंबर है जिसे आप छोटा करना चाहते हैं (या जैसा भी मामला हो लंबा)। दूसरा चर, y, उन स्थानों की संख्या है जहाँ आप चाहते हैं कि संख्या दशमलव बिंदु से आगे निकल जाए।

कोड संपादक में आपको क्या मिलता है, यह देखने के लिए इनमें से कुछ नंबरों को स्वयं आज़माएं:

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

Enter a number:         Num places:
//floats
45.45678                3  // Returns '45.457'
//integers
45                    	 5  // Returns '45.00000'
//exponential notation
1e-10                   3  // Returns '0.00'
1.23e+20                2  // Returns '123000000000000000000.00'
1.23e-10                2  // Returns '0.00'

जैसा कि आप देख सकते हैं कि अंकों की संख्या y वेरिएबल के आधार पर समायोजित होती है जिसे आपने संख्या स्थान इनपुट में प्लग किया है। यदि संख्या स्थान मान की भरपाई करने के लिए पर्याप्त लंबी नहीं है, तो यह स्ट्रिंग को शून्य से तब तक पैड करेगा जब तक वांछित लंबाई तक नहीं पहुंच जाती।

यदि संख्या लंबी है और संख्या स्थान इनपुट दशमलव बिंदु के बाद आपके पास उपलब्ध अंकों से छोटा है, तो यह संख्या को छोटा कर देगा और संख्या के वांछित स्ट्रिंग प्रतिनिधित्व को वापस करने के लिए अंत को गोल कर देगा।

कृपया ध्यान दें :यदि आप अपने तर्क में एक संख्या के रूप में इसके साथ काम करना चाहते हैं, तो इसे हेरफेर करने और वापस करने के बाद, आपको इसे ऊपर की तरह नंबर प्रिमिटिव रैपर का उपयोग करके एक नंबर में बदलना होगा।

आगे क्या सीखें?

जावास्क्रिप्ट यादृच्छिक संख्या:एक पूर्ण मार्गदर्शिका

JavaScript ParseInt:एक चरण-दर-चरण मार्गदर्शिका

जावास्क्रिप्ट काउंटडाउन टाइमर:एक ट्यूटोरियल

जावास्क्रिप्ट टूस्ट्रिंग

जावास्क्रिप्ट टू अपरकेस और टू लोअरकेस

जावास्क्रिप्ट विधियाँ:toFixed () – एक संख्या विधि

आगे क्या सीखें?