0Pricing
TypeScript Academy · บทเรียน

ทูเพิลและทูเพิลที่มีป้ายกำกับ

เรียนรู้เรื่องทูเพิล ซึ่งเป็นอาร์เรย์ที่มีความยาวคงที่และชนิดข้อมูลของสมาชิกที่ทราบแน่ชัด พร้อมค้นพบประโยชน์ของทูเพิลที่มีป้ายกำกับเพื่อให้อ่านง่ายขึ้น

ทูเพิลและทูเพิลที่มีป้ายกำกับ เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

บทนำ

เป้าหมาย: เรียนรู้ความแตกต่างระหว่างทูเพิลกับอาร์เรย์ ทูเพิลมีความยาวและชนิดข้อมูลของสมาชิกที่ตายตัว และสามารถติดป้ายกำกับเพื่อให้เข้าใจได้ง่ายขึ้น

ทูเพิลอย่างง่าย

ทูเพิลกำหนดชนิดข้อมูลเฉพาะให้กับแต่ละตำแหน่ง ต่างจากอาร์เรย์ที่สมาชิกทุกตัวใช้ชนิดข้อมูลเดียวกัน

let point: [number, number] = [10, 20];
console.log(point[0], point[1]);

ความยาวของทูเพิล

ทูเพิลบังคับให้มีความยาวตายตัว การกำหนดสมาชิกมากหรือน้อยเกินไปจะทำให้เกิดข้อผิดพลาด

let coords: [number, number] = [5, 6];
// coords = [5, 6, 7]; // Error: too many elements

ทูเพิลหลายชนิดข้อมูล

ทูเพิลสามารถเก็บชนิดข้อมูลที่แตกต่างกันไว้ในตำแหน่งเฉพาะ เช่น ID ชื่อ และสถานะเปิดใช้งาน

let user: [number, string, boolean] = [1, "Ada", true];

ทูเพิลที่มีป้ายกำกับ

ทูเพิลที่มีป้ายกำกับช่วยให้เข้าใจแต่ละตำแหน่งได้ชัดเจนขึ้น และเพิ่มความอ่านง่ายในลายเซ็นฟังก์ชันและส่วนติดต่อโปรแกรมประยุกต์

type Point = [x: number, y: number];
const p: Point = [3, 4];

แนวทาง

แนวทาง:

  • ใช้ทูเพิลสำหรับข้อมูลที่มีโครงสร้างตายตัว
  • เลือกใช้ป้ายกำกับเมื่อความหมายของแต่ละตำแหน่งมีความสำคัญ
  • ใช้อาร์เรย์สำหรับชุดข้อมูลที่มีความยาวเปลี่ยนแปลงได้

ตรวจสอบทูเพิล

ตรวจสอบอย่างรวดเร็ว: คุณสมบัติสำคัญของทูเพิลเมื่อเทียบกับอาร์เรย์คืออะไร

ทบทวน

ทบทวน: ทูเพิลบังคับใช้ชนิดข้อมูลและความยาวตามตำแหน่ง ทูเพิลที่มีป้ายกำกับช่วยให้เข้าใจได้ชัดเจนขึ้น อาร์เรย์ยังคงยืดหยุ่น ส่วนทูเพิลให้โครงสร้างที่แน่นอน

คำถามที่พบบ่อย

บทเรียน “ทูเพิลและทูเพิลที่มีป้ายกำกับ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ทูเพิลและทูเพิลที่มีป้ายกำกับ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ทูเพิลและทูเพิลที่มีป้ายกำกับ”

เรียนรู้เรื่องทูเพิล ซึ่งเป็นอาร์เรย์ที่มีความยาวคงที่และชนิดข้อมูลของสมาชิกที่ทราบแน่ชัด พร้อมค้นพบประโยชน์ของทูเพิลที่มีป้ายกำกับเพื่อให้อ่านง่ายขึ้น คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน

บทเรียน “ทูเพิลและทูเพิลที่มีป้ายกำกับ” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม

ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. อาร์เรย์และ ReadonlyArray
  2. ทูเพิลและทูเพิลที่มีป้ายกำกับ
  3. Enum เทียบกับ const enum และทางเลือกแบบยูเนียนลิเทอรัล
← กลับไปที่ TypeScript Academy