0Pricing
JavaScript Academy · บทเรียน

ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math

ทำความเข้าใจจำนวนเต็มกับทศนิยม ตัวช่วย Math ที่ใช้บ่อย การปัดเศษอย่างปลอดภัย การแปลงค่า และการเปรียบเทียบจำนวนทศนิยม

ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

บทนำเกี่ยวกับตัวเลข

เป้าหมาย: จัดการตัวเลขอย่างปลอดภัย

  • จำนวนเต็มเทียบกับจำนวนทศนิยม
  • เครื่องมือช่วยของ Math
  • การปัดเศษและการแปลงค่า
  • เคล็ดลับการเปรียบเทียบจำนวนทศนิยม
ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 1

การตรวจสอบจำนวนเต็ม

Number.isIntegerบอกว่าค่าตัวเลขเป็นจำนวนเต็มหรือไม่ ตัวเลขทั้งหมดใช้ชนิดข้อมูลเดียวกันคือ "number"

// Integers and floats
const a = 5;
const b = 5.5;

console.log("a integer?", Number.isInteger(a));
console.log("b integer?", Number.isInteger(b));
console.log("type of a:", typeof a);
ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 2

ความแม่นยำของจำนวนทศนิยม

จำนวนทศนิยมอาจไม่แม่นยำ ควรเปรียบเทียบด้วยค่าความคลาดเคลื่อนเล็กน้อยแทนการตรวจสอบความเท่ากันแบบเคร่งครัด

// Floating point has tiny precision errors
const x = 0.1 + 0.2;

console.log("0.1 + 0.2 =", x);
console.log("Equals 0.3?", x === 0.3);

// Compare with a small tolerance (epsilon)
const isClose = Math.abs(x - 0.3) < Number.EPSILON;
console.log("Close to 0.3?", isClose);
ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 3

พื้นฐานการปัดเศษ

round, floor และ ceil จะส่งคืนจำนวนเต็ม ส่วน toFixed จะส่งคืนสตริงที่มีทศนิยมคงที่

// Rounding helpers
const value = 4.6;

console.log("round:", Math.round(value));
console.log("floor:", Math.floor(value));
console.log("ceil:", Math.ceil(value));

// toFixed returns a string
console.log("toFixed(2):", value.toFixed(2));
ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 4

การแปลงตัวเลข

ใช้ Number(x) สำหรับสตริงตัวเลขทั้งชุด ใช้ parseInt สำหรับตัวเลขที่อยู่ต้นสตริง และระบุฐานเลขด้วย

// Parsing numbers from strings
console.log("Number(42):", Number("42"));
console.log("parseInt 42px:", parseInt("42px", 10));
console.log("Number 42px:", Number("42px"));

// Always pass radix to parseInt for clarity
console.log("parseInt 0xFF:", parseInt("0xFF", 16));
ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 5

เครื่องมือช่วยของ Math

ใช้ min/max จำกัดค่าให้อยู่ในช่วงด้วยการเรียกซ้อนกัน และใช้ Math.random สำหรับสร้างจำนวนเต็มสุ่มอย่างง่าย

// Handy Math helpers
const score = 105;

const minScore = Math.min(50, 80, 30);
const maxScore = Math.max(50, 80, 30);

// Clamp score to 0..100
const clamped = Math.min(100, Math.max(0, score));

// Random integer in [0, 9]
const rand = Math.floor(Math.random() * 10);

console.log("min:", minScore);
console.log("max:", maxScore);
console.log("clamped:", clamped);
console.log("rand 0-9:", rand);
ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 6

แบบทดสอบจำนวนเต็ม

ตรวจสอบอย่างรวดเร็ว: ตรวจสอบจำนวนเต็มโดยไม่บังคับแปลงชนิดข้อมูล

ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 7

สรุป

สรุป: คุณได้ตรวจสอบจำนวนเต็ม จัดการความแม่นยำของจำนวนทศนิยมด้วยค่าความคลาดเคลื่อน ปัดเศษค่า แปลงค่าอย่างปลอดภัย และใช้ min/max การจำกัดค่า และการสุ่ม

ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math — ภาพประกอบ 8

คำถามที่พบบ่อย

บทเรียน “ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math”

ทำความเข้าใจจำนวนเต็มกับทศนิยม ตัวช่วย Math ที่ใช้บ่อย การปัดเศษอย่างปลอดภัย การแปลงค่า และการเปรียบเทียบจำนวนทศนิยม คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน

บทเรียน “ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม

ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. ลิเทอรัลแม่แบบและการดำเนินการกับสตริงที่ใช้บ่อย
  2. ตัวเลข — จำนวนเต็มกับทศนิยมและพื้นฐาน Math
  3. วันที่ — พื้นฐาน เขตเวลา และ Intl.DateTimeFormat
← กลับไปที่ JavaScript Academy