TypeScript เป็นภาษาที่มีการพิมพ์สูงซึ่งช่วยให้เราดำเนินการตรวจสอบประเภทอย่างเข้มงวดได้ ซึ่งหมายความว่าข้อผิดพลาดรันไทม์จะเกิดขึ้นหากมีการกำหนดค่าสตริงให้กับตัวแปรที่ยอมรับตัวเลขและในทางกลับกัน ในขณะที่ทำงานกับภาษาที่มีการพิมพ์สูง บางครั้งนักพัฒนาอาจเจอสถานการณ์ที่ต้องแปลงสตริงเป็นตัวเลข ตัวอย่างเช่น เมื่อประมวลผลอินพุตของผู้ใช้ อ่านข้อมูลจากแหล่งภายนอก ดำเนินการทางคณิตศาสตร์กับสตริงตัวเลข เป็นต้น
บล็อกนี้จะสำรวจวิธีต่างๆ ในการแปลงสตริงเป็นตัวเลขใน TypeScript โดยใช้ตัวอย่างที่เหมาะสม
ฉันจะแปลงสตริงเป็นตัวเลขใน TypeScript ได้อย่างไร
ใน TypeScript เมธอดด้านล่างใช้สำหรับการแปลงสตริงเป็นตัวเลข:
การแปลงสตริงเป็นตัวเลขโดยใช้ตัวสร้างตัวเลข
ใน TypeScript ตัวสร้างตัวเลขเป็นวิธีที่สะดวกที่สุดในการแปลงสตริงเป็นตัวเลข ตัวสร้างตัวเลขรับสตริงเป็นอินพุตและส่งกลับตัวเลข นี่คือตัวอย่าง:
const str = '42' ;
คอนโซล.ล็อก ( 'ประเภทข้อมูลดั้งเดิม:' ประเภทของ str ) ;
จำนวนคงที่ = จำนวน ( สตริง ) ;
คอนโซล.ล็อก ( 'ประเภทข้อมูลที่แปลงแล้ว:' ประเภทของจำนวน ) ;
ตัวอย่างข้างต้นแสดงให้เห็น:
- สร้างสตริง “ สตริง ” มีค่า “ 42 “.
- ถัดไป ใช้ปุ่ม “ ประเภทของ ” คำสำคัญภายใน “ บันทึก() ” ฟังก์ชันรับและพิมพ์ประเภทของตัวแปร “str”
- หลังจากนั้นให้ใช้ตัวสร้างตัวเลขเพื่อแปลง “ สตริง ” ถึง “ ตัวเลข ” และกำหนดผลลัพธ์ให้กับตัวแปร “ ในหนึ่ง '.
- สุดท้าย พิมพ์ประเภทของค่าที่แปลงโดยใช้ ' บันทึก() ' การทำงาน.
เอาต์พุต
เอาต์พุตตรวจสอบว่าสตริงตัวเลขที่กำหนดแปลงเป็นตัวเลขสำเร็จแล้ว
การแปลงสตริงเป็นตัวเลขโดยใช้ parseInt และ parseFloat
“ แยกวิเคราะห์ ' และ ' กดลอย ฟังก์ชัน ” ยังใช้เพื่อแปลงประเภทข้อมูลสตริงเป็นประเภทข้อมูลตัวเลข “ แยกวิเคราะห์ ” ฟังก์ชันรับสตริงและตัวเลือก “ ฐานราก ” (เพื่อระบุระบบตัวเลข) เป็นอินพุตและส่งกลับจำนวนเต็ม “ กดลอย ” ฟังก์ชันรับสตริงเป็นอินพุตและส่งกลับเป็นเศษส่วนหรือเลขทศนิยม
ลองพิจารณาตัวอย่างโค้ดต่อไปนี้เพื่อความเข้าใจที่ลึกซึ้ง:
const intStr = '42' ;const floatStr = '3.14' ;
คอนโซล.ล็อก ( 'ประเภทข้อมูลดั้งเดิม: ' ประเภทของ intStr ) ;
คอนโซล.ล็อก ( 'ประเภทข้อมูลดั้งเดิม: ' , ประเภทของ floatStr ) ;
const intNum = parseInt ( intStr, 10 ) ;
const floatNum = parseFloat ( floatStr ) ;
คอนโซล.ล็อก ( 'ประเภทข้อมูลที่แปลงแล้ว: ' ประเภทของ intNum ) ;
คอนโซล.ล็อก ( 'ประเภทข้อมูลที่แปลงแล้ว: ' , ประเภทของ floatNum ) ;
ข้อมูลโค้ดด้านบนอธิบาย:
- สร้างสองสตริง “ intStr ' และ ' floatStr ” ด้วยค่า “ 42 ' และ ' 14 “ตามลำดับ
- ถัดไป ใช้ปุ่ม “ ประเภทของ ” ตัวดำเนินการพร้อมกับฟังก์ชัน “console.log()” เพื่อพิมพ์ประเภทข้อมูลของตัวแปรที่กำหนด
- หลังจากนั้นให้ใช้ปุ่ม “ แยกวิเคราะห์ ' และ ' กดลอย ” ฟังก์ชันแปลงสตริงเป็นตัวเลขและกำหนดผลลัพธ์ให้กับตัวแปร “ intNum ' และ ' หมายเลขลอย ” ตามลำดับ
- ในโค้ดตัวอย่างข้างต้น จะใช้ฐานของ 10 ซึ่งระบุว่าเรากำลังแยกวิเคราะห์ตัวเลขทศนิยม
- สุดท้าย พิมพ์ประเภทข้อมูลที่แปลงแล้วบนคอนโซลโดยใช้เมธอด “console.log()”
เอาต์พุต
เอาต์พุตจะแสดงประเภทข้อมูลต้นฉบับและที่แปลงแล้วของค่าที่กำหนด
การแปลงสตริงเป็นตัวเลขโดยใช้ตัวดำเนินการ Unary Plus
อีกวิธีหนึ่งในการแปลงชนิดข้อมูลสตริงเป็นชนิดข้อมูลตัวเลขคือ ตัวดำเนินการอูนารีบวก “ + '. ในตัวอย่างต่อไปนี้ สตริงตัวเลขถูกจัดเตรียมเป็นอินพุตให้กับตัวดำเนินการบวกอูนารี ดังนั้น สตริงจะเปลี่ยนสตริงเป็นตัวเลข:
const str = '42' ;คอนโซล.ล็อก ( 'ประเภทข้อมูลดั้งเดิม:' ประเภทของ str ) ;
จำนวน const = +str;
คอนโซล.ล็อก ( 'ประเภทข้อมูลที่แปลงแล้ว:' ประเภทของจำนวน ) ;
ในตัวอย่างนี้
- สตริง ' สตริง ” ถูกสร้างขึ้นด้วยคุณค่า “ 42 “.
- “ ตัวดำเนินการอูนารีบวก ” ใช้ในการแปลง “ สตริง ” เป็นตัวเลขและผลลัพธ์ถูกกำหนดให้กับตัวแปร “ ในหนึ่ง '.
- สุดท้าย เราบันทึกประเภทข้อมูลที่แปลงแล้วของ “ ในหนึ่ง ” ไปที่คอนโซล
เอาต์พุต
เอาต์พุตตรวจสอบการแปลงประเภทจากสตริงเป็นตัวเลข
บทสรุป
วิธีการและตัวดำเนินการในตัวจำนวนมากใช้ใน TypeScript เพื่อทำการแปลงประเภทสตริงเป็นตัวเลข ตัวอย่างเช่น ฟังก์ชัน 'Number Constructor' ฟังก์ชัน 'parseInt' ฟังก์ชัน 'parseFloat' และตัวดำเนินการ 'unary plus' จะถูกใช้ใน TypeScript สำหรับการแปลงสตริงเป็นตัวเลข “ ประเภทของ ” โอเปอเรเตอร์ช่วยเราตรวจสอบประเภทข้อมูลที่แปลงแล้ว บล็อกนี้ได้แสดงวิธีการและตัวดำเนินการที่ใช้บ่อยที่สุดพร้อมตัวอย่างต่างๆ