วิธีสร้างแผนที่ใน TypeScript

Withi Srang Phaenthi Ni Typescript



แผนที่ ” ใช้สำหรับจัดเก็บและดึงคู่คีย์-ค่า เป็นโครงสร้างข้อมูลในตัวใน TypeScript ที่คล้ายกับแผนที่ JavaScript แต่มีประโยชน์เพิ่มเติมจากการตรวจสอบประเภท คลาส TypeScript Map มีวิธีที่ปลอดภัยสำหรับประเภทในการจัดเก็บคู่คีย์-ค่าด้วยคีย์และค่าประเภทใดก็ได้

บล็อกนี้จะอธิบายวิธีการสร้างแผนที่ใน TypeScript







วิธีสร้างแผนที่ใน TypeScript

สำหรับการสร้างแผนที่ใน TypeScript ให้ใช้วิธีการต่อไปนี้:



วิธีที่ 1: สร้างแผนที่โดยใช้ตัวสร้าง 'แผนที่'

สำหรับการสร้างแผนที่ใน TypeScript ให้ใช้ปุ่ม “ แผนที่ ” ตัวสร้าง ในขณะที่ใช้ตัวสร้าง 'แผนที่' มีสองวิธีในการสร้างแผนที่ใน TypeScript:



    • คุณสามารถประกาศแผนที่ด้วยปุ่ม “ ใหม่ ” คำสำคัญ จากนั้นใช้ “ ชุด() ” วิธีการเพิ่มคู่คีย์-ค่า
    • หรือเริ่มต้นแผนที่ด้วยคู่คีย์-ค่า ณ เวลาที่ประกาศ

ไวยากรณ์





ไวยากรณ์ที่กำหนดใช้สำหรับสร้างแผนที่ใน TypeScript โดยใช้ตัวสร้างแผนที่:

แผนที่ใหม่ < พิมพ์ , พิมพ์ > ( )
อนุญาต แผนที่ = แผนที่ใหม่ < สตริง, ตัวเลข > ( ) ;


ที่นี่ “ สตริง ', และ ' ตัวเลข ” คือประเภทของคีย์และค่าของแผนที่



ในการเริ่มต้นแผนที่ ณ เวลาที่ประกาศ ให้ใช้ไวยากรณ์ต่อไปนี้:

อนุญาต แผนที่ = แผนที่ใหม่ < สตริง, สตริง > ( [
[ 'คีย์ 1' , 'มูลค่า 1' ] ,
[ 'คีย์ทู' , 'ค่า2' ]
] ) ;


ตัวอย่างที่ 1:

สร้างแผนที่โดยใช้ตัวสร้างแผนที่โดยกำหนดประเภทของคีย์และค่าของแผนที่:

เครื่องหมาย const = แผนที่ใหม่ < สตริง, ตัวเลข > ( ) ;


ใช้ ' ชุด() ” วิธีการเพิ่มคู่คีย์-ค่าในแผนที่:

เครื่องหมาย ชุด ( 'ประวัติศาสตร์' , 39 ) ;
เครื่องหมาย ชุด ( 'ภูมิศาสตร์' , 25 ) ;
เครื่องหมาย ชุด ( 'คณิตศาสตร์' , 40 ) ;
เครื่องหมาย ชุด ( 'ภาษาอังกฤษ' , 31 ) ;


สุดท้าย พิมพ์แผนที่บนคอนโซล:

คอนโซล.ล็อก ( เครื่องหมาย ) ;


ตอนนี้แปลงรหัส TypeScript เป็นรหัส JavaScript โดยดำเนินการคำสั่งด้านล่างบนเทอร์มินัล:

tsc createMap.ts


จากนั้นรันโค้ด JavaScript โดยใช้คำสั่งต่อไปนี้:

โหนด createMap.js


เอาต์พุต


บันทึก : จำเป็นต้องแปลไฟล์ TypeScript หลังจากอัพเดตโค้ด TypeScript

ตัวอย่างที่ 2:

คุณยังสามารถเริ่มต้นแผนที่โดยใช้ตัวสร้างแผนที่:

อนุญาต เครื่องหมาย = แผนที่ใหม่ < สตริง, สตริง > ( [
[ 'ประวัติศาสตร์' , '39' ] ,
[ 'ภูมิศาสตร์' , '25' ] ,
[ 'คณิตศาสตร์' , '40' ] ,
[ 'ภาษาอังกฤษ' , '31' ]
] ) ;


พิมพ์แผนที่บนคอนโซลโดยใช้ปุ่ม “ คอนโซล.ล็อก() ' วิธี:

คอนโซล.ล็อก ( เครื่องหมาย ) ;


เอาต์พุต

วิธีที่ 2: สร้างแผนที่โดยใช้ประเภท “Record Utility”

อีกวิธีในการสร้างแผนที่คือการใช้ปุ่ม “ บันทึกยูทิลิตี้ ' พิมพ์. เป็นประเภทในตัวใน TypeScript ที่สามารถใช้สำหรับกำหนดประเภทที่แสดงถึงการจับคู่ของคู่คีย์-ค่า ต้องใช้พารามิเตอร์สองตัว ประเภทของคีย์ และประเภทของค่า

ไวยากรณ์

ทำตามไวยากรณ์ที่กำหนดสำหรับการสร้างแผนที่โดยใช้ประเภท 'ยูทิลิตี้บันทึก':

บันทึก < พิมพ์ , พิมพ์ > = { }


ตัวอย่าง

สร้างแผนที่โดยใช้ 'Record Utility Type':

เครื่องหมาย const: บันทึก < สตริง, สตริง > = { } ;


กำหนดค่าให้กับคีย์ของแผนที่:

เครื่องหมาย [ 'ประวัติศาสตร์' ] = '39' ;
เครื่องหมาย [ 'ภูมิศาสตร์' ] = '25' ;
เครื่องหมาย [ 'คณิตศาสตร์' ] = '40' ;
เครื่องหมาย [ 'ภาษาอังกฤษ' ] = '31' ;


สุดท้าย พิมพ์แผนที่บนคอนโซล:

คอนโซล.ล็อก ( เครื่องหมาย ) ;


เอาต์พุต


เราได้จัดเตรียมข้อมูลที่จำเป็นทั้งหมดที่เกี่ยวข้องกับการสร้างแผนที่บน TypeScript

บทสรุป

มีสองวิธีในการสร้างแผนที่ใน TypeScript เช่นการใช้ “ ตัวสร้างแผนที่ ” และการใช้ “ บันทึกประเภทยูทิลิตี้ '. ทั้งสองวิธีทำงานได้ดี แต่วิธีแรกเป็นวิธีทั่วไปในการสร้างแผนที่ใน TypeScript บล็อกนี้อธิบายวิธีการสร้างแผนที่ใน TypeScript