วิธี JavaScript parseInt อ่านสตริงหรือทุ่นและแปลงเป็นจำนวนเต็ม วิธีนี้มักใช้เพื่อเตรียมสตริงสำหรับการดำเนินการทางคณิตศาสตร์ เนื่องจากสตริงไม่สามารถปฏิบัติต่อสตริงเหมือนตัวเลขในสมการทางคณิตศาสตร์ได้
เมื่อคุณทำงานกับข้อมูลใน JavaScript คุณอาจต้องการแปลงสตริงเป็นจำนวนเต็ม ตัวอย่างเช่น สมมติว่าคุณต้องการขอให้ผู้ใช้ใส่อายุลงในเว็บฟอร์ม คุณอาจต้องการแปลงอายุที่ป้อนเป็นตัวเลข วิธีนี้จะช่วยให้คุณตรวจสอบว่าผู้ใช้อายุเกินสิบหกปีหรือไม่
นั่นคือสิ่งที่ JavaScript parseInt() ฟังก์ชั่นเข้ามา ParseInt() เป็นเมธอดในตัวที่ใช้แปลงสตริงเป็นจำนวนเต็มได้
ในบทช่วยสอนนี้ เราจะมาสำรวจพื้นฐานของ JavaScript parseInt() กระบวนการ. เราจะพูดถึงไวยากรณ์ที่ใช้กับ parseInt() กระบวนการ. เราจะอธิบายตัวอย่างเพื่อแสดงวิธีแปลงสตริงเป็นตัวเลขใน JavaScript
JavaScript parseInt()
JavaScript parseInt() แปลงสตริงหรือตัวเลขทศนิยมให้เป็นจำนวนเต็ม โดยปกติจะใช้เพื่อเตรียมข้อมูลที่จัดรูปแบบเป็นสตริงสำหรับการดำเนินการทางคณิตศาสตร์
นี่คือไวยากรณ์สำหรับ JavaScript parseInt() ฟังก์ชัน:
parseInt(string, radix);
parseInt() วิธีรับสองพารามิเตอร์ อันแรกคือสตริงที่คุณต้องการแปลงเป็นจำนวนเต็มและจำเป็น
พารามิเตอร์ที่สอง เรียกว่า “radix” เป็นทางเลือก แสดงถึงฐานที่มูลค่าของคุณปรากฏขึ้นซึ่งจำเป็นสำหรับการแปลงของคุณ
81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้
ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก
อาร์กิวเมนต์ radix ไม่ได้ใช้กันทั่วไปเหมือนอาร์กิวเมนต์สุดท้าย ในกรณีส่วนใหญ่ ตัวเลขของคุณจะมีรูปแบบเป็นทศนิยม 10 ตำแหน่ง ฐานเริ่มต้นคือ 10 ทศนิยม ดังนั้นคุณไม่จำเป็นต้องกังวลเกี่ยวกับอาร์กิวเมนต์นี้
คุณสามารถใส่ช่องว่างที่จุดเริ่มต้นและจุดสิ้นสุดของค่าที่คุณต้องการแปลงเป็นตัวเลขได้ แต่ไม่อนุญาตให้เว้นวรรคตรงกลางตัวเลข
หากคุณพยายามแยกค่าที่มีตัวอักษร คุณจะได้รับค่า NaN อาร์กิวเมนต์ radix อาจให้คุณใส่ตัวอักษรบางตัวได้ เช่น “x” ในตัวเลขของคุณ นี่เป็นเพียงกรณีที่ตัวอักษรเกี่ยวข้องกับการจัดรูปแบบตัวเลข
parseInt() ตัวอย่าง JavaScript
ลองใช้ตัวอย่างเพื่ออธิบายวิธีการทำงาน สมมติว่าเรามีสตริง "20202" ที่เราต้องการแปลงเป็นจำนวนเต็ม เราสามารถทำได้โดยใช้รหัสต่อไปนี้:
console.log(parseInt("20202")); ฟังก์ชัน parseInt() จะแยกวิเคราะห์สตริงและคืนค่าจำนวนเต็มดังนี้:
20202
มาตรวจสอบคอนโซล JavaScript เพื่อดูผลลัพธ์ของโค้ดของเรา โปรแกรมของเราได้ส่งคืนตัวเลขแทนที่จะเป็นสตริง เราสามารถบอกได้ว่าค่าของเราเป็นตัวเลขแล้ว เนื่องจากไม่มีเครื่องหมายอัญประกาศอยู่ในค่า
เรากำหนดค่าให้กับตัวแปร JavaScript ที่เรียกว่า "ค่า" ค่าของเราคือสตริง ซึ่งระบุด้วยเครื่องหมายอัญประกาศรอบค่า จากนั้น เราใช้เมธอด parseInt() เพื่อแปลงค่านั้นเป็นจำนวนเต็ม
ในทำนองเดียวกัน หากเราใช้ “radix” อาร์กิวเมนต์ เราสามารถแปลงตัวเลขของเราเป็นสตริงในฐานที่แตกต่างกันได้
“รัศมี” อาร์กิวเมนต์ใช้ตัวเลขระหว่าง 2 ถึง 36 และอธิบายระบบตัวเลข parseInt() ควรใช้ฟังก์ชัน สมมติว่าเราต้องการแปลง “15” จากเลขฐานสิบหกที่มีค่าฐานเท่ากับ “16” เราสามารถทำได้โดยใช้รหัสต่อไปนี้:
console.log(parseInt('0xF', 16));
ฟังก์ชันของเราส่งคืน:15.
ส่งค่าที่ไม่ถูกต้องไปยัง parseInt()
นอกจากนี้ หากเราส่งสตริงที่ไม่สามารถแปลงเป็นตัวเลขได้ JavaScript จะส่งกลับ “NaN,” ซึ่งย่อมาจากไม่ใช่ตัวเลข นี่คือตัวอย่างการใช้ parseInt() เพื่อแปลง “Hey” เป็นสตริง:
console.log(parseInt('Hey'));
หมายเลข parseInt ของเราส่งคืน “NaN,” เพราะ “Hey” ไม่สามารถแปลงอักขระสตริงเป็นตัวเลขได้
บทสรุป
JavaScript parseInt() สามารถใช้เมธอดในการแปลงสตริงเป็นจำนวนเต็มได้ ฟังก์ชันนี้มีประโยชน์หากคุณมีสตริงของข้อมูลที่จำเป็นต้องจัดรูปแบบเป็นตัวเลข ตัวอย่างเช่น คุณอาจต้องการให้สตริงเป็นตัวเลขเพื่อให้คุณสามารถดำเนินการทางคณิตศาสตร์กับสตริงนั้นได้
ในบทช่วยสอนนี้ เราได้สำรวจวิธีใช้ JavaScript parseInt() วิธีการและอภิปรายตัวอย่างบางส่วนของวิธีการในการดำเนินการ นอกจากนี้เรายังวิเคราะห์ว่า “radix” . เป็นอย่างไร พารามิเตอร์สามารถใช้กับ parseInt() .
ตอนนี้ คุณมีข้อมูลที่จำเป็นสำหรับเริ่มใช้ JavaScript parseInt() วิธีการอย่างมืออาชีพ! หากคุณกำลังมองหาแหล่งข้อมูลเพิ่มเติมเพื่อช่วยให้คุณเรียนรู้ JavaScript โปรดดูคู่มือ How to Learn JavaScript ฉบับสมบูรณ์
