JavaScript Math:คู่มือสำหรับผู้เริ่มต้น

คอมพิวเตอร์เก่งคณิตศาสตร์จริงๆ มันอยู่ในสายเลือดเชิงเปรียบเทียบ เมื่อพิจารณาว่าคอมพิวเตอร์ขับเคลื่อนโดย 1 และ 0 ที่เราเรียกว่าไบนารี เมื่อคุณกำลังเขียนโค้ด อาจมีบางครั้งที่คุณต้องการดำเนินการทางคณิตศาสตร์

ใน JavaScript คณิตศาสตร์เกิดขึ้นตลอดเวลา คุณสามารถใช้คณิตศาสตร์เพื่อคำนวณขนาดของหน้าต่างได้ คุณสามารถใช้เพื่อคำนวณว่าผู้ใช้อายุมากพอที่จะใช้ไซต์ของคุณหรือไม่ คุณสามารถใช้คณิตศาสตร์เพื่อบวกตัวเลขสองตัวที่ผู้ใช้ให้มา

ในคู่มือนี้ เราจะพูดถึงวิธีดำเนินการทางคณิตศาสตร์ใน JavaScript โดยใช้ตัวดำเนินการทางคณิตศาสตร์หลัก 5 ตัว

ตัวดำเนินการทางคณิตศาสตร์:ทบทวน

JavaScript ประกอบด้วยตัวดำเนินการจำนวนหนึ่ง โอเปอเรเตอร์บางตัวอนุญาตให้คุณทำงานกับสตริงได้ ในขณะที่ตัวดำเนินการอื่นๆ ช่วยคุณดำเนินการฟังก์ชันทางคณิตศาสตร์ของ JS ในคู่มือนี้ เราจะเน้นที่ตัวดำเนินการประเภทพิเศษที่เรียกว่าตัวดำเนินการเลขคณิต

ตัวดำเนินการเลขคณิตเป็นสัญลักษณ์ที่ใช้ในการทำงานทางคณิตศาสตร์ โอเปอเรเตอร์ JS เหล่านี้ค่อนข้างคล้ายกับที่คุณเรียนในโรงเรียน สำหรับบทความนี้ เราจะเน้นที่ตัวดำเนินการ 6 ตัว:

• ส่วนเพิ่มเติม (+)
• การลบ (-)
• ดิวิชั่น (/)
• การคูณ (*)
• โมดูลัส (%)
• พลัง (**)

มาเริ่มต้นและเจาะลึกสิ่งเหล่านี้กัน

ก่อนที่เราจะเริ่ม ควรสังเกตว่าตัวเลข JavaScript ทั้งหมดถูกจัดเก็บเป็นตัวเลข ไม่มีประเภทข้อมูลแยกสำหรับตัวเลขทศนิยม (ทศนิยม) หรือจำนวนเต็ม เราเรียกพวกเขาทั้งหมดว่าเป็น “ตัวเลข”

การบวกและการลบ

สัญลักษณ์ JavaScript สำหรับการเพิ่มและการลบตัวเลข JS เหมือนกับที่เราใช้ในชีวิตประจำวันสำหรับคณิตศาสตร์ วิธีที่สะดวก! เราสามารถบวกตัวเลขเข้าด้วยกันโดยระบุตัวเลขที่เราต้องการบวกโดยคั่นด้วยเครื่องหมายบวก:

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก

console.log(5 + 9);

โค้ดของเราส่งคืน:14. เราสามารถทำการบวกการลบโดยการแทนค่าบวกของเราเป็นลบ:

console.log(5 - 9);

รหัสของเราส่งคืน:-4.

คณิตศาสตร์ JavaScript สามารถทำงานกับตัวเลขทั้งบวกและลบ

เมื่อคุณใช้ผลรวมทางคณิตศาสตร์ คุณอาจจะไม่ได้พิมพ์ไปที่คอนโซลเพียงอย่างเดียว นั่นคือสิ่งที่ตัวแปรเข้ามา คุณสามารถกำหนดตัวเลขในโจทย์คณิตศาสตร์ของคุณเพื่อเก็บตัวเลขทั้งหมดที่คุณกำลังทำงานอยู่:

var a = 10;
var b = 20;

var c = a + b;
console.log(c);

รหัสของเราส่งคืน:30 . เราได้กำหนดค่า 10 ถึง a และค่า 20 ถึง b . จากนั้นเราก็ใช้ตัวแปร c เพื่อบวกเลขสองตัวนี้เข้าด้วยกัน ง่ายมาก!

คูณและหาร

ไปขึ้นระดับและพูดคุยเกี่ยวกับการคูณและการหาร ต่างจากตัวอย่างก่อนหน้านี้ เราต้องเรียนรู้ตัวดำเนินการใหม่สองตัว:

• เครื่องหมายดอกจัน (*) หมายถึงการคูณ
• เครื่องหมายทับ (/) หมายถึงการหาร

สมมติว่าเราเป็นเจ้าของร้านคุกกี้และต้องการหาว่าเราต้องการแป้งกี่กิโลกรัม คุกกี้แต่ละชุดต้องใช้แป้ง 2 กิโลกรัม และเราต้องการอบห้าชุด เราสามารถคำนวณว่าเราต้องการแป้งกี่กิโลกรัมโดยใช้รหัสนี้:

var batches = 5;
var flourQuantity = 2;

var flourNeeded = batches * flourQuantity;

console.log("You need ", flourNeeded, "kgs of flour.");

รหัสของเราส่งคืน:You need 10kgs of flour .

คุณสามารถใช้เครื่องหมายทับเพื่อดำเนินการหาร

สมมติว่าแต่ละชุดมีคุกกี้ 40 ชิ้น และคุณต้องการแบ่งออกเป็นชุด แต่ละแพ็คมี 5 คุกกี้ ตอนนี้ คุณต้องการค้นหาว่าคุณสามารถสร้างได้กี่ชุด สามารถทำได้โดยใช้รหัสต่อไปนี้:

var batchQuantity = 40;
var pack = 5;

var packsMade = batchQuantity / pack;
console.log("You can make ", packsMade, "packs of cookies.");

รหัสของเราส่งคืน:You can make 8 packs of cookies .

โมดูโล

โมดูโลโอเปอเรเตอร์อาจไม่ถูกใช้เหมือนตัวดำเนินการอื่นๆ แต่ก็ยังเป็นส่วนสำคัญของ JavaScript โมดูโลโอเปอเรเตอร์จะคำนวณส่วนที่เหลือของตัวเลขหลังจากหารแล้ว

ใน JavaScript การดำเนินการแบบโมดูโลจะแสดงโดยใช้เครื่องหมายเปอร์เซ็นต์ ตัวอย่างสุดท้ายของเราแสดงให้เราเห็นการหารตัวเลขที่สามารถแยกออกได้เท่าๆ กัน อย่างที่คุณทราบ ไม่ใช่ปัญหาคณิตศาสตร์ทั้งหมดจะเป็นแบบนี้ ผลตอบแทนบางส่วน

กลับไปที่ตัวอย่างคุกกี้ของเราจากก่อนหน้านี้ สมมติว่าเราประเมินค่าสูงไปว่าเราจะอบคุกกี้ได้กี่คุกกี้ในแต่ละชุด ปรากฎว่าแต่ละชุดจะให้ผลผลิตเพียง 37 คุกกี้เท่านั้น หากต้องการทราบจำนวนชุดที่เราสามารถสร้างได้จากชุดงานของเรา เราสามารถใช้รหัสนี้:

var batchQuantity = 37;
var pack = 5;

var packsMade = batchQuantity / pack;
console.log("You can make ", packsMade, "packs of cookies.");

ปัญหาคือเรามีเลขทศนิยม! นั่นคือสิ่งที่ modulo เข้ามา เราสามารถอัปเดตโค้ดของเราเพื่อคำนวณส่วนที่เหลือของคุกกี้ที่มี:

var batchQuantity = 37;
var pack = 5;

var packsMade = batchQuantity / pack;
console.log("You can make ", Math.floor(packsMade), "packs of cookies.");

var remainder = batchQuantity % pack;
console.log("You'll have ", remainder, " cookies left over.");

รหัสของเราส่งคืน:

You can make 7 packs of cookies.
You'll have 2 cookies left over.

เราได้ทำการแก้ไขสองสามอย่างในโค้ดของเรา ขั้นแรก เราได้ปัดเศษค่าของ packsMade ลงเป็นจำนวนเต็มที่ใกล้ที่สุด เราใช้ Math.floor() เพื่อจุดประสงค์นี้. ทำให้เราเห็นว่าเราสามารถทำคุกกี้ได้ทั้งหมด 7 แพ็ค

จากนั้นเราใช้ตัวดำเนินการโมดูโลเพื่อคำนวณคุกกี้ที่เหลือที่จะเหลือ สิ่งนี้บอกเราว่าหลังจากแบ่งแพ็คของเรา เราจะเหลือคุกกี้สองตัว

พลัง

ยก x ยกกำลัง y ฟังดูค่อนข้างซับซ้อน โดยเฉพาะเมื่อคุณเริ่มใช้คำอย่างการยกกำลัง แต่ก็ไม่ต้องลำบาก

ใน JavaScript เครื่องหมายดอกจัน 2 อัน (**) หมายถึงการเพิ่มตัวเลขยกกำลัง:

console.log(7 ** 3);

รหัสนี้ส่งคืน:343 .

นี่เป็นอีกวิธีหนึ่งในการเขียน 7 * 7 * 7 แต่สั้นกว่าและอ่านง่ายกว่า

ลำดับการดำเนินการ

คณิตศาสตร์มีลำดับการดำเนินการเฉพาะ สิ่งนี้อธิบายถึงการดำเนินการที่คุณควรดำเนินการในลำดับใดเมื่อคุณพบปัญหาทางคณิตศาสตร์

วิธีหนึ่งที่ใช้บ่อยที่สุดในการจำคำสั่งนี้คือ BODMAS:

• ข แร็กเก็ต (())
• โอ rder (กำลัง)
• ด วิสัยทัศน์
• ม คำอุทาน
• ก เพิ่มเติม
• ส การลบ

สิ่งนี้บอกเราว่าเราควรทำทุกอย่างในวงเล็บก่อน จากนั้นจึงคำนวณกำลังทั้งหมด จากนั้นจึงหาร และอื่นๆ พิจารณาปัญหาต่อไปนี้:

var problem = (5 * 3) + 2;
console.log(problem);

คำตอบสำหรับปัญหานี้คือ:17. ก่อนอื่นจาวาสคริปต์จะคำนวณ 5 * 3 เพราะอยู่ในวงเล็บ จากนั้นจึงบวกสองผลลัพธ์ของการคำนวณนั้น

บทสรุป

JavaScript มีโอเปอเรเตอร์เลขคณิตมากมายที่คุณสามารถใช้ดำเนินการทางคณิตศาสตร์ได้ ตัวดำเนินการเหล่านี้บางตัว เช่นเดียวกับการบวก จะเหมือนกับสิ่งที่เราจะใช้ในการประเมินปัญหาทางคณิตศาสตร์ คนอื่นมีสัญลักษณ์ของตัวเอง

จำไว้ว่าเมื่อคุณประเมินปัญหาคณิตศาสตร์ คุณต้องพิจารณา BODMAS ลำดับของการดำเนินการที่ปัญหาจะถูกอ่าน

ตอนนี้คุณพร้อมที่จะเริ่มทำคณิตศาสตร์ใน JavaScript อย่างมืออาชีพแล้ว!