पाठ 18, कुल 30 में

JavaScript मैथ

5 मिनट पढ़ें · मुफ़्त · बिना लॉगिन

English हिंदी

JavaScript का Math object नंबरों के लिए toolbox है। इसका कोई constructor नहीं है — आप कभी new Math() नहीं लिखते। आप बस इसके मेथड्स को कॉल करते हैं: lucky draw के लिए Math.random(), दशमलव को साफ़ करने के लिए Math.round(), सूची में सबसे बड़ा नंबर ढूँढने के लिए Math.max()। हर quiz app, हर discount calculator और हर game इसका इस्तेमाल करता है।

Diagram — देखें, यह सब कैसे जुड़ता है

$Diagram: JavaScript मैथ$

क्रिकेट मैच की तरह सोचें। अंपायर सिक्का उछालता है — वह है Math.random()। स्कोरर 7.63 की run-rate को 8 तक गोल करता है — वह है Math.round()। कप्तान दिन का सबसे बड़ा स्कोर चुनता है — वह है Math.max()। एक object, कई छोटे काम, और हर मेथड ठीक एक काम करता है।

इसे ऐसे याद रखें: random देता है, round साफ़ करता है, floor नीचे गिराता है, ceil ऊपर उठाता है, max सबसे बड़ा चुनता है, min सबसे छोटा चुनता है।

Math.random — कहीं से एक नंबर

Math.random() 0 से लेकर (लेकिन 1 को छोड़कर) 1 तक का दशमलव नंबर लौटाता है — जैसे 0.483921। अकेले यह ज़्यादा काम का नहीं है, इसलिए आप इसे आमतौर पर अपनी चाही सीमा तक फैलाते हैं। 1 से 6 तक का पूरा नंबर पाने के लिए, जैसे पासा फेंकना हो, तो 6 से गुणा करें, दशमलव हटा दें, और 1 जोड़ दें।

let dice = Math.floor(Math.random() * 6) + 1;
// 1 से 6 तक का पूरा नंबर

इसे अंदर से बाहर पढ़ें: Math.random() देता है 0 से 0.999..., 6 से गुणा करने पर मिलता है 0 से 5.999..., Math.floor() दशमलव हटाकर देता है 0 से 5, और 1 जोड़ने पर मिलता है 1 से 6। पेज के हर बार चलने पर आपको अलग नंबर मिलता है — यही पूरी बात है।

Math.round, Math.floor, Math.ceil — दशमलव साफ़ करना

ये तीनों दशमलव को पूरे नंबर में बदलते हैं, लेकिन अलग-अलग तरीकों से। Math.round() सबसे नज़दीकी पूरे नंबर तक गोल करता है: 4.5 बनता है 5, 4.4 बनता है 4। Math.floor() हमेशा नीचे गोल करता है: 4.9 बनता है 4। Math.ceil() हमेशा ऊपर गोल करता है: 4.1 बनता है 5।

Math.round(4.5); // 5
Math.round(4.4); // 4
Math.floor(4.9); // 4
Math.ceil(4.1);  // 5

Note: Floor का मतलब है ज़मीन — नंबर नीचे वाले पूरे नंबर तक गिरता है। Ceil का मतलब है छत — नंबर ऊपर वाले पूरे नंबर तक उठता है। शब्दों को तस्वीर की तरह याद रखिए और आप इन्हें कभी नहीं मिलाएँगे: floor नीचे है, ceil ऊपर है।

हर एक का इस्तेमाल कब करें? Math.round() बिल और औसत के लिए है, जहाँ नज़दीकी सबसे सही है। Math.floor() पूरी चीज़ें गिनने के लिए है — कितने पूरे डिब्बे समाएँगे, कितने पूरे पेज बनेंगे। Math.ceil() "कितने चाहिए?" के लिए है — अगर 4.1 बसें चाहिए, तो आपको 5 बसें चाहिए, 4 नहीं।

Math.max और Math.min — सबसे बड़ा और सबसे छोटा

Math.max() आपके दिए नंबरों में सबसे बड़ा लौटाता है, और Math.min() सबसे छोटा लौटाता है। आप जितने चाहें उतने नंबर comma से अलग करके दे सकते हैं।

let scores = [45, 82, 30, 91, 67];
Math.max(45, 82, 30, 91, 67); // 91
Math.min(45, 82, 30, 91, 67); // 30

लेकिन अगर नंबर पहले से ऐरे के अंदर हों तो? Math.max(scores) काम नहीं करता — यह NaN लौटाता है, क्योंकि मेथड को अलग-अलग नंबर चाहिए, एक ऐरे नहीं। इसका उपाय है spread operator, तीन dots, जो ऐरे को अलग-अलग नंबरों में खोल देता है: Math.max(...scores) से 91 मिलता है। आप spread operator से ठीक से बाद में मिलेंगे; अभी बस तीन dots याद रखिए।

Tip: Math.random() सच में random नहीं है — यह pseudo-random है, games, quiz और lucky draw के लिए काफी अच्छा है, लेकिन इसे कभी password या सुरक्षा के लिए इस्तेमाल न करें। क्लासरूम के पासे या lucky-draw विजेता के लिए यह बिल्कुल सही है।

आम गलतियाँ

new Math() लिखना — Math constructor नहीं है। यहाँ कोई new नहीं है; आप Math.round() को सीधे कॉल करते हैं।
Math.random() से पूरा नंबर मिलने की उम्मीद करना — यह हमेशा 0 से 1 से कम तक का दशमलव देता है। पूरा नंबर पाने के लिए गुणा करें और floor करें।
ऐरे पर सीधे Math.max() इस्तेमाल करना — यह NaN लौटाता है। पहले ऐरे को spread करें: Math.max(...scores)।
Math.floor() और Math.ceil() को आपस में मिलाना — floor नीचे जाता है, ceil ऊपर जाता है। ज़मीन और छत याद रखें।
यह भूल जाना कि Math.round(4.5) है 5 लेकिन Math.round(-4.5) है -4 — negative नंबरों को गोल करना शून्य से दूर नहीं, positive infinity की ओर जाता है।

याद रखें

Random देता है, round साफ़ करता है, floor नीचे गिराता है, ceil ऊपर उठाता है, max सबसे बड़ा चुनता है, min सबसे छोटा चुनता है।
पासा फेंकना है Math.floor(Math.random() * 6) + 1 — random, फैलाएँ, दशमलव हटाएँ, 1 जोड़ें।
Math.max(...array) और Math.min(...array) ऐरे पर काम करते हैं; तीन dots के बिना वे NaN लौटाते हैं।
कभी new Math() न लिखें — Math को सीधे इस्तेमाल करते हैं, बिना constructor के।

उदाहरण समझिए

Math.floor(Math.random() * 6) + 1 — पासा फेंकता है: random दशमलव, 0–5.999 तक फैलाया, 0–5 तक floor किया, फिर 1 जोड़ने पर 1–6 मिलता है।
Math.max(...scores) — तीन dots scores ऐरे को खोल देते हैं, इसलिए Math.max अलग-अलग नंबर देखता है और सबसे बड़ा, 91, लौटाता है।
Math.min(...scores) — वही ट्रिक सबसे छोटा स्कोर, 30, देती है।
Math.round(82.5) — औसत को नज़दीकी पूरे नंबर तक गोल करता है।
document.getElementById("result").innerHTML = ... — बटन क्लिक करने पर पासे का नंबर और सबसे बड़े व सबसे छोटे स्कोर को पेज में लिखता है।

उदाहरण

Example

<!DOCTYPE html>
<html>
<head>
<title>Dice Roll — JavaScript Math</title>
<style>
body { font-family: Verdana, sans-serif; padding: 20px; }
h1 { color: #1e3a5f; }
button { background-color: #e13611; color: white; border: none; padding: 10px 18px; font-size: 16px; cursor: pointer; }
p { font-size: 18px; }
.result { background-color: #f1f5f9; padding: 12px; }
.dice { font-size: 48px; }
</style>
</head>
<body>

<h1>Dice Roll and Top Score</h1>
<p>Scores: 45, 82, 30, 91, 67</p>
<button onclick="rollDice()">Roll the Dice</button>
<p class="dice" id="dice">🎲</p>
<p class="result" id="result">Click the button to roll the dice and see the highest and lowest scores.</p>

<script>
function rollDice() {
  let dice = Math.floor(Math.random() * 6) + 1;
  let scores = [45, 82, 30, 91, 67];
  let highest = Math.max(...scores);
  let lowest = Math.min(...scores);
  let average = Math.round(315 / 5);
  document.getElementById("dice").innerHTML = "🎲 " + dice;
  document.getElementById("result").innerHTML =
    "You rolled: " + dice +
    "<br>Highest score: " + highest +
    "<br>Lowest score: " + lowest +
    "<br>Average (rounded): " + average;
}
</script>

</body>
</html>

परिणाम

परिणाम — ब्राउज़र में यह कैसा दिखता है

$परिणाम: JavaScript मैथ$

खुद करके देखें — लाइव एडिटर

नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।

<!DOCTYPE html>
<html>
<head>
<title>Dice Roll — JavaScript Math</title>
<style>
body { font-family: Verdana, sans-serif; padding: 20px; }
h1 { color: #1e3a5f; }
button { background-color: #e13611; color: white; border: none; padding: 10px 18px; font-size: 16px; cursor: pointer; }
p { font-size: 18px; }
.result { background-color: #f1f5f9; padding: 12px; }
.dice { font-size: 48px; }
</style>
</head>
<body>

<h1>Dice Roll and Top Score</h1>
<p>Scores: 45, 82, 30, 91, 67</p>
<button onclick="rollDice()">Roll the Dice</button>
<p class="dice" id="dice">🎲</p>
<p class="result" id="result">Click the button to roll the dice and see the highest and lowest scores.</p>

</body>
</html>

पूरे एडिटर में खोलें

परिणाम

खुद क्यों सीखें — AI से पूछने के बजाय?

AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।