การคำนวณด้วย ตัวดำเนินการในคณิตศาสตร์ ใน ภาษา Javascript (part 2)

จาก part ที่ 1 ได้มีการพูดถึงการใช้การดำเนินการทางคณิตศาสตร์ที่เป็น (+ , -, *, / ) ไปแล้วนั้นมาคำนวณ ค่าที่เป็น primative type ของ Javascript ในบทความนี้จากมา พูดถึง ตัวดำเนินการทางคณิตศาสตร์ที่เหลือกันนะครับว่า แต่ละตัวนั้นใช้งานอย่างไรได้บ้าง

โดยลิ้งนี้จะเป็นลิ้งค์สำหรับบทความ part แรกนะครับเผื่อบางคนยังไม่ได้อ่าน
https://medium.com/@ambitious_puce_spider_908/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%84%E0%B8%B3%E0%B8%99%E0%B8%A7%E0%B8%93%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-%E0%B8%95%E0%B8%B1%E0%B8%A7%E0%B8%94%E0%B8%B3%E0%B9%80%E0%B8%99%E0%B8%B4%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%99%E0%B8%84%E0%B8%93%E0%B8%B4%E0%B8%95%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C-%E0%B9%83%E0%B8%99-%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2-javascript-part-1-8745f53c8efd

มาเริ่มกันเลยโดยตัวดำเนินการทางคณิตศาสตร์ที่เหลือมีดังนี้ครับ

5. % modulo

6. (++) increment

7. ( — ) decrement

8. (**) Exponentiation

modulo คืออะไร modulo ที่ดูแล้วหลายคนอาจจะคิดว่ามันคือการคำนวณเปอร์เซ็นต์รึเปล่า จริงๆแล้วไม่ใช่นะครับใน Javascript นั้นตัว modulo จะเป็นตัวดำเนินการทางคณิตศาสตร์ที่เอาไว้สำหรับการคำนวณการหารซึ่งผลลัพธ์คือ เศษที่เหลือจากการหารนั้นเอง

มาดูตัวอย่างกันนะครับว่ามันคืออะไร

Image for post
รูปที่ 1 การหารเอาเศษของ datatype ที่แตกต่างกัน โดยเอาตัวเลขไว้เป็นตัวหาร
Image for post
รูปที่ 2 การหารเอาเศษของ datatype ที่แตกต่างกัน โดยเอาตัวเลขเป็นตัวตั้งในการหาร

จากตัวอย่างด้านบนจะเห็นได้ว่า ในการคำนวณทางคณิตศาสตร์นั้น modulo ก็จะยังเปลี่ยน datatype ประเภทอื่นๆที่ไม่ใช่ ตัวเลขให้เปลี่ยนมาเป็นตัวเลขก่อนที่จะนำมาคำนวณซึ่งก็เหมือนกัน ตัวดำเนินการทางคณิตศาสตร์ส่วนใหญ่ก่อนหน้า ยกเว้น เครื่องหมาย + ที่จะมีการนำค่ามาแปลงเป็น string เมื่อมีการใช้ร่วมกัน string

แล้ว modulo มันนำมาใช้ทำอะไรผมจะยกตัวอย่างที่ modulo มีส่วนช่วยให้การเขียน Code เราง่ายขึ้น เช่นในกรณีที่เราต้องการแยก เลขคู่และเลขคี่ เป็นต้น

หากเราไม่มีตัว modulo แล้วเราจะแยกตัวเลขอย่างไร

ถ้าคิดง่ายๆ ว่าใช้วิธีการหาร ซึ่งถ้า 2 หารลงตัว จะเป็นเลขคู่และผลลัพธ์ก็จะเป็นจำนวนเต็ม หาก 2 หารไม่ลงตัว จะเป็นเลขคี่และผลลัพธ์จะไม่ใช่จำนวนเต็มดังนั้นถ้าเราจะเขียน Code หาตัวเขียนแบบนี้

Image for post
รูปที่ 3 function การแยกเลขคู่เลขคี่ แบบไม่ใช้ modulo

จะเห็นได้ว่าหากเราใช้วิธีการหารแบบปกติเราต้องมาหาอีกว่าเป็นจำนวนเต็มไหมและถ้าหารเราไม่รู้ว่า javascript นั้นมี Method ที่ใช้แยกจำนวนเต็มเราก็ต้องมาเขียนวิธีการแยกเองอีกซึ่งมีความยุ่งยากมากๆ

คราวนี้มาดูตัวอย่างที่เขียนจาก modulo กันบ้าง

Image for post
รูปที่ 4 function การแยกเลขคู่เลขคี่ แบบใช้ modulo

จะเห็นได้ว่า code ตัวนี้อ่านง่ายและทำความเข้าใจได้ง่ายกว่ามากๆ ก็คือถ้าหาร 2 แล้ว เศษเป็น 0 แสดงว่าเป็นเลขคู่ ถ้ากรณีอีกเป็นเลขคี่นั้นเอง

ตัวดำเนินการ increment และ decrement นั้นผมจะขอพูดรวมกันเลยนะครับเพราะว่า 2 ตัวนี้มีการใช้งานที่เหมือนกัน

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

คือ จะใช้ได้การตัวแปรเท่านั้น

Image for post
รูปที่ 5 increment และ decrement ไม่สามารถใช้กับตัวเลขโดยตรงได้

ต่อมาตัวอย่างการใช้งาน increment และ decrement

Image for post
รูปที่ 6 ตัวอย่างการใช้งาน increment
Image for post
รูปที่ 7 ตัวอย่างการใช้งาน decrement

พอดูตัวอย่างแล้วอาจจะมีบางคนสงสัยว่า การเอาเครื่อง increment และ decrement มาไว้ด้านหน้าและด้านหลังตัวแปรก็ให้ผลไม่แตกต่างกันแล้ว ทำไมเราไปดู Code ของคนอื่นทำไมถึงมีข้างหน้าบ้างข้างหลังบ้าง

ผมจะแสดงตัวอย่างให้ดูว่าจริงๆแล้วมันมีข้อแตกต่างกันเล็กน้อยอยู่

Image for post
รูปที่ 8 ข้อแตกต่างระหว่างเครื่องหมาย increment หรือ decrement ที่อยู่ข้างหน้าและอยู่ข้างหลัง

a เป็นตัวแปรที่รับค่าของ num ที่มี decrement อยู่ด้านหน้า

b เป็นตัวแปรที่มีรับค่าของ num ที่มี decrement อยู่ด้านหลัง

จากภาพตัวอย่างที่ 8 จะเห็นได้ว่า a มีค่าเท่ากับ num แต่ว่า b มีค่าไม่เท่ากับ num เพราะว่าการทำ increment หรือ decrement นั้น จะไม่มีผลโดยตรงกับตัวแปรที่ถูกใช้ เพราะว่าผลลัพธ์ยังไงเมื่อมีการใช้ increment หรือ decrement ตัวแปรนั้นๆจะมีค่าที่ เพิ่มขึ้น หรือ ลดลง 1 อย่างแน่นอน

แต่ว่าถ้ามีการนำค่าเหล่านี้ไป เท่ากับตัวแปรอื่น ในกรณีตัวอย่าง a และ b จะเห็นได้ว่า ถ้า increment หรือ decrement นั้น อยู่ข้างหน้าจะเป็นการ ทำการเพิ่มหรือลดค่าก่อนที่จะนำมา เท่ากับ แต่ถ้าอยู่ด้านหลัง จะมีการนำค่ามาเท่ากับก่อนแล้วค่อย เพิ่มหรือลด ทำให้การใช้ increment หรือ decrement มีค่าไม่ตรงกันในกรณีตัวแปร b กับ num

หลังจากที่รู้ข้อจำกัดไปแล้วมาดูกันต่อว่า increment และ decrement สามารถใช้ กับ datatype ประเภทอื่นๆ ได้ไหม

Image for post
รูปที่ 8 การนำตัวแปรที่มี datatype ประเภทต่างๆมาใช้ increment และ decrement

จะเห็นได้ว่า datatype ประเภทอื่นๆนั้นก็สามารถ นำมาใช้ increment และ decrement ได้เช่นกัน

และก็มาถึงต้วดำเนินการทาง คณิตศาสตร์สุดท้ายกันแล้ว

(**) Exponentiation ก็คือการทำเลขยกกำลังนั้นเอง

ตัวดำเนินการ exponentiation นั้นเป็นตัวดำเนินการที่เพิ่มขึ้นมาใน Javascript es6 และมาช่วยให้เราเขียนการยกกำลังได้ง่ายมากยิ่งขึ้น

โดยปกติถ้าเราอยากจะคำนวณเลขยกกำลังนั้นเราต้องทำการใช้ Math.pow (ตัวเลขฐาน, ตัวเลขยกกำลัง) เพื่อที่จะคำนวณแบบเลขยกกำลัง ซึ่ง ** นั้นเป็นการใช้งาน Math.pow() นั้นเองแต่เป็นแบบ shorthand

มาดูตัวอย่างกัน

Image for post
รูปที่ 9 ตัวอย่างการใช้งาน exponentiation (**)

นอกจากนี้ datatypeอื่นก็สามารถใช้ ** ได้เช่นกัน

Image for post
รูปที่ 10 ตัวอย่างการใช้งาน exponentiation (**) กับ datatype ประเภทอื่นๆ

จะจบไปแล้วนะครับสำหรับตัวดำเนินการพื้นฐานทางคณิตศาสตร์ของภาษา Javascript ถึงแม้ว่าเราจะเรียนมาในสมัยปฐม หรือ มัธยม กันมาแล้วแต่ว่าการใช้งานในภาษาโปรแกรมมิ่งนั้นก็มีรายละเอียดที่เพิ่มเติมเข้ามาเนื่องจากเราไม่ได้ นำตัวเลขและตัวเลขมาใช้กับตัวดำเนินการทางคณิตศาสตร์ได้เท่านั้น เรายังสามารถนำข้อมูลอื่นๆ มาใช้ได้อีกด้วย

หวังว่าบทความนี้จะเป็นประโยชน์สำหรับผู้เริ่มต้นเรียน javascript ไม่มากก็น้อยกันนะครับ

ขอขอบคุณข้อมูลจาก:
https://medium.com/@ambitious_puce_spider_908/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%84%E0%B8%B3%E0%B8%99%E0%B8%A7%E0%B8%93%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-%E0%B8%95%E0%B8%B1%E0%B8%A7%E0%B8%94%E0%B8%B3%E0%B9%80%E0%B8%99%E0%B8%B4%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%99%E0%B8%84%E0%B8%93%E0%B8%B4%E0%B8%95%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C-%E0%B9%83%E0%B8%99-%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2-javascript-part-2-14e691c04c31

33Shares

Write a comment