জাভাস্ক্রিপ্টে একটি সংখ্যা অবজেক্ট পদ্ধতি বিদ্যমান যা আমাদের একটি সংখ্যার উপর একটি নির্দিষ্ট দশমিক বিন্দু সেট করতে দেয় এবং তারপরে এটি একটি স্ট্রিং হিসাবে ফেরত দেয়। এই নিবন্ধটি এই পদ্ধতির সিনট্যাক্স সম্পর্কে কথা বলবে এবং এটি কীভাবে ব্যবহার করতে হয় তা ব্যাখ্যা করবে।
যখন আমরা জাভাস্ক্রিপ্টে আদিম সম্পর্কে কথা বলি, তখন আমরা এমন আইটেমগুলির কথা বলছি যেগুলি অবজেক্ট নয় এবং তাদের সাথে সম্পর্কিত কোনও পদ্ধতি নেই। যখন আমরা একটি আদিম মান নিতে চাই এবং এটিকে একটি অবজেক্ট বানাতে চাই, তখন আমরা এটি করতে পারি আদিম র্যাপার দিয়ে যা মান বা ডেটা টাইপের চারপাশে যেতে পারে।
সংখ্যার একটি আদিম মোড়ক বস্তু আছে। আমরা এটি ব্যবহার করি একটি সংখ্যার স্ট্রিং উপস্থাপনাকে একটি প্রকৃত সংখ্যা অবজেক্টে পরিণত করার জন্য যে পদ্ধতিগুলি আমরা এটিতে সম্পাদন করতে পারি।
উদাহরণস্বরূপ বলুন আমাদের কাছে একটি সংখ্যার একটি স্ট্রিং উপস্থাপনা রয়েছে কারণ আমাদের কাছে একটি ফর্ম ছিল যার জন্য ব্যবহারকারীকে পর্দায় একটি ক্ষেত্রের জন্য একটি সংখ্যা মান সন্নিবেশ করতে হবে। আমরা সেই ইনপুটটি নিতে পারি, এটিকে একটি সংখ্যায় পরিণত করতে পারি এবং তারপর সেই মানটির সাথে কাজ করার জন্য যে কোনও সংখ্যক পদ্ধতি ব্যবহার করতে পারি।
<!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() ব্যবহার করার জন্য তাদের উপর পদ্ধতি, আপনাকে তাদের সংখ্যা প্রতিনিধিত্বে পরিণত করতে হবে।
আমরা এখানে Number(n) র্যাপার দিয়ে ইনপুট এনক্যাপসুলেট করে সেটা করি। প্রথম ভেরিয়েবল, 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'
আপনি Num Places ইনপুটে প্লাগ করা y ভেরিয়েবলের উপর ভিত্তি করে সংখ্যার সংখ্যা সামঞ্জস্য করতে দেখতে পাচ্ছেন। সংখ্যাটি Num Places মানের জন্য ক্ষতিপূরণ দেওয়ার জন্য যথেষ্ট দীর্ঘ না হলে, এটি পছন্দসই দৈর্ঘ্যে না পৌঁছানো পর্যন্ত স্ট্রিংটিকে শূন্য দিয়ে প্যাড করবে।
যদি সংখ্যাটি দীর্ঘ হয় এবং Num Places ইনপুটটি দশমিক বিন্দুর পরে আপনার উপলব্ধ সংখ্যার চেয়ে ছোট হয়, তাহলে এটি সংখ্যাটিকে ছোট করবে এবং সংখ্যাটির পছন্দসই স্ট্রিং উপস্থাপনা ফেরাতে শেষের দিকে বৃত্তাকার করবে।
দয়া করে নোট করুন :আপনি যদি আপনার যুক্তিতে এটির সাথে একটি সংখ্যা হিসাবে কাজ করতে চান এটিকে ম্যানিপুলেট করে ফেরত দেওয়ার পরে, আপনাকে সংখ্যার আদিম মোড়ক ব্যবহার করে এটিকে একটি সংখ্যায় পরিণত করতে হবে যেমন আমরা উপরে করেছি।
পরে কী শিখবেন?
জাভাস্ক্রিপ্ট র্যান্ডম নম্বর:একটি সম্পূর্ণ নির্দেশিকা
জাভাস্ক্রিপ্ট পার্সইন্ট:একটি ধাপে ধাপে নির্দেশিকা
জাভাস্ক্রিপ্ট কাউন্টডাউন টাইমার:একটি টিউটোরিয়াল
জাভাস্ক্রিপ্ট টু স্ট্রিং
জাভাস্ক্রিপ্ট টু আপারকেস এবং টু লোয়ারকেস
