ในการสร้างแบบฟอร์มออนไลน์ ค่าข้อมูลตัวเลขที่เก็บมาได้จะเป็นประเภท String ถึงแม้ว่าจะกำหนดให้ Input นั้นเป็น Number แล้วก็ตาม มาลองดูวิธีการต่างๆ ที่จะเปลี่ยนข้อมูลตัวเลขที่ได้จากประเภท String เป็น Number กันครับ
— เริ่มจากท่ามาตรฐานที่จะเก็บค่าข้อมูลตัวเลขที่ได้มาจากการกำหนดให้ Input เป็น Text และกำหนดให้ Input เป็น Number ซึ่งค่าตัวเลขที่ได้มาจะเป็นประเภท String ทั้งคู่
4 กระบวนท่าในการเปลี่ยนข้อมูลประเภท String เป็น Number
1. ใช้ .valueAsNumber แทน .value
— กระบวนท่านี้จะทำให้ค่าตัวเลขที่ได้มาจะเป็นประเภท Number เลย แต่จะใช้ได้กับ Input ที่กำหนดให้ Type เป็น Number เท่านั้น
2. parseInt() หรือ parseFloat()
— กระบวนท่านี้ก็ต้องเลือกใช้ให้ถูกกับค่าจาก Input ที่กำหนดให้เป็นจำนวนเต็มหรือจำนวนทศนิยม
3. Number()
— กระบวนท่านี้ใช้ได้หมดทั้ง Input ที่กำหนดให้เป็นจำนวนเต็มหรือจำนวนทศนิยม
4. Operator + before the string
— กระบวนท่านี้ใช้ได้หมดทั้ง Input ที่กำหนดให้เป็นจำนวนเต็มหรือจำนวนทศนิยมเช่นกัน แต่ก็อาจทำให้สับสนในการใช้งานได้ง่ายๆ 🙅♂️🙅♂️🙅♂️
ท้ายสุด ก็หวังว่าทิป และเทคนิคเล็กๆ น้อยๆ ในการเขียน JavaScript นี้จะเป็นประโยชน์กับเพื่อนๆ นะครับ…Happy learning and Happy coding 😀😀😀
ฝากร้านหนังสือมือสองของผมด้วยครับ เป็นหนังสือซื้อมาอ่านเอง แล้วต้องการขายต่อในราคาที่เป็นกันเอง เพื่อนๆ ที่สนใจสามารถติดตามหนังสือที่จะขาย และสั่งซื้อได้ที่ https://shop.line.me/@921ijoic
โปรโมชั่น คูปองส่วนลด และดีล ที่ดีที่สุดของร้านค้าออนไลน์กว่า 300 แบรนด์พร้อมรับเงินคืนจาก ShopBack
https://bit.ly/3c4tlmV
Ruk-Com จดโดเมน-เช่าโฮสต์ ราคาประหยัด พร้อมให้บริการใน 1 นาที
http://bit.ly/36q8A12