เอ “ ชุด ” เป็นโครงสร้างข้อมูลที่จัดเก็บกลุ่ม/คอลเลกชันของค่าที่ไม่ซ้ำกัน ค่าในชุดสามารถเป็นประเภทข้อมูลใดก็ได้ รวมทั้งตัวเลข สตริง หรือวัตถุ คุณสมบัติหลักอย่างหนึ่งของ Set คือไม่อนุญาตให้ใช้ค่าที่ซ้ำกัน เมื่อมีการเพิ่มค่าใหม่ให้กับชุด จะมีการตรวจสอบกับค่าที่มีอยู่เพื่อดูว่ามีอยู่แล้วหรือไม่ หากมีค่าอยู่แล้ว จะไม่เพิ่มลงในชุด สิ่งนี้ทำให้มีประโยชน์ในการจัดเก็บค่าที่ไม่ซ้ำกันและหลีกเลี่ยงการซ้ำกัน
บทความนี้จะสาธิตการตั้งค่าใน TypeScript และวิธีการใช้ใน TypeScript
ชุดใน TypeScript คืออะไร
“ ชุด ” เป็นโครงสร้างข้อมูลในตัวใน TypeScript ที่อนุญาตให้จัดเก็บองค์ประกอบที่ไม่ซ้ำกันของประเภทใดก็ได้ ไม่ว่าจะเป็นประเภทดั้งเดิม เช่น ตัวเลขและสตริง หรือวัตถุที่ซับซ้อน เช่นเดียวกับอาร์เรย์ เซ็ตให้คุณเก็บคอลเล็กชันของค่าต่างๆ ได้ อย่างไรก็ตาม เซ็ตไม่มีดัชนี ซึ่งแตกต่างจากอาร์เรย์ ชุดสามารถประกาศหรือเริ่มต้นโดยใช้ ' ชุด ” ตัวสร้าง
ไวยากรณ์
สำหรับการสร้างชุด ให้ใช้ไวยากรณ์ต่อไปนี้:
const mySet = ชุดใหม่ ( ) ;
หรือคุณสามารถระบุประเภทของ Set โดยใช้ไวยากรณ์ที่กำหนด:
ก่อนดำเนินการต่อ ก่อนอื่นให้ทำความเข้าใจว่าสำหรับการเรียกใช้งานไฟล์ TypeScript จะต้องแปลงเป็นไฟล์ JavaScript หลังจากการแก้ไขทุกครั้ง จากนั้นให้รันโค้ด JavaScript บนเทอร์มินัลโดยใช้คำสั่งที่กำหนด:
ชื่อไฟล์ tsc.ts
โหนด filename.js
ตัวอย่าง
ในตัวอย่างที่กำหนด เราจะสร้างชุด ขั้นแรก ให้ประกาศและเริ่มต้นเป็น “ สตริง ” ประเภท Set ชื่อ “ ชุด ” โดยใช้ Set Constructor และพิมพ์บนคอนโซลโดยใช้ “ คอนโซล.ล็อก() ' วิธี:
คอสต์ ชุด = ชุดใหม่ < สตริง > ( [ 'HTML' , 'ซีเอสเอส' , 'จาวาสคริปต์' , 'jQuery' ] ) ;คอนโซล.ล็อก ( ชุด ) ;
เอาต์พุต
คุณยังสามารถประกาศชุดโดยไม่ต้องระบุประเภทโดยใช้ตัวสร้างชุด:
เพิ่มค่าให้กับ Set โดยใช้ปุ่ม “ เพิ่ม() ” วิธีการซึ่งเป็นวิธีการที่กำหนดไว้ล่วงหน้าของวัตถุชุด:
set.add ( 'ซีเอสเอส' ) ;
set.add ( 'จาวาสคริปต์' ) ;
set.add ( 'jQuery' ) ;
สุดท้าย พิมพ์ Set บนคอนโซล:
เอาต์พุต
วิธีการตั้งค่า TypeScript
วิธีการและคุณสมบัติ Set Object ที่กำหนดไว้ล่วงหน้าที่ใช้กันทั่วไปบางส่วนจะกล่าวถึงในตารางที่กำหนด:
|
วิธีการ/คุณสมบัติ |
คำอธิบาย |
ไวยากรณ์ |
| เพิ่ม() | วิธีนี้ใช้สำหรับเพิ่มค่าในชุด | mySet.add(ค่า) |
| มี() | หากต้องการตรวจสอบว่ามีองค์ประกอบที่กำหนดอยู่ในอาร์เรย์หรือไม่ ให้ใช้เมธอด “has()” | mySet.has(ค่า) |
| ลบ() | สำหรับการลบองค์ประกอบใดๆ ออกจาก Set ให้ใช้วิธีนี้ | mySet.delete (ค่า) |
| ค่า () | ในการรับค่า Set จะใช้วิธี 'values()' | mySet.values() |
| ขนาด | คุณสมบัติ 'ขนาด' ใช้เพื่อกำหนดความยาวหรือขนาดของชุด | mySet.size |
| ชัดเจน() | หากต้องการล้างหรือลบองค์ประกอบทั้งหมดออกจากชุด จะใช้วิธีนี้ | mySet.clear() |
จะใช้ Set ใน TypeScript ได้อย่างไร?
ใน TypeScript หรือใน JavaScript สามารถใช้ชุดเพื่อลบรายการที่ซ้ำกันออกจากอาร์เรย์ การตรวจสอบการเป็นสมาชิกคอลเล็กชัน และการดำเนินการชุดรวมถึงยูเนียน จุดตัด และส่วนต่าง
ตัวอย่าง
ในตัวอย่างที่ให้มา เราจะดูว่า Set ลบค่าที่ซ้ำกันออกจากอาร์เรย์อย่างไร ขั้นแรก สร้างอาร์เรย์ของเลขคู่:
const เลขคู่ = [ 2 , 4 , 6 , 2 , 8 , 10 , 4 , 14 , 12 ] ;
จากนั้นเราจะกำหนดความยาวของอาร์เรย์โดยใช้ปุ่ม ' ความยาว ' คุณลักษณะ:
ตอนนี้ สร้างชุดโดยใช้ตัวสร้างชุดโดยผ่านอาร์เรย์ “ เลขคู่ ”:
วนซ้ำ Set และพิมพ์ค่าบนคอนโซล:
คอนโซล.ล็อก ( ค่า ) ;
} ) ;
สุดท้าย เราจะตรวจสอบขนาดของชุดโดยใช้ ' ขนาด ' คุณสมบัติ.:
เอาต์พุตระบุว่าความยาวของอาร์เรย์คือ “ 9 ” ในขณะที่ความยาวหรือขนาดของ Set คือ “ 7 ” ซึ่งระบุว่า Set ลบค่าที่ซ้ำกันออกจากอาร์เรย์และเก็บเฉพาะค่าที่ไม่ซ้ำ:
นั่นคือทั้งหมดที่เกี่ยวกับ Set in TypeScript และการใช้งานใน TypeScript
บทสรุป
“Set” เป็นโครงสร้างข้อมูลที่กำหนดไว้ล่วงหน้าใน TypeScript ซึ่งอนุญาตให้จัดเก็บองค์ประกอบเฉพาะประเภทใดก็ได้ ใน TypeScript สามารถใช้สำหรับการลบรายการที่ซ้ำกันออกจากอาร์เรย์ การตรวจสอบการเป็นสมาชิกของคอลเล็กชัน และดำเนินการกับชุด เช่น ยูเนียน สี่แยก และความแตกต่าง บทความนี้สาธิตการตั้งค่าใน TypeScript และวิธีการใช้ใน TypeScript