อาร์เรย์และ ReadonlyArray
เรียนรู้พื้นฐานอาร์เรย์ ความแตกต่างระหว่างอาร์เรย์ที่แก้ไขได้กับ ReadonlyArray และวิธีใช้เมธอดที่มีชนิดข้อมูลอย่างปลอดภัย
อาร์เรย์และ ReadonlyArray เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: เรียนรู้การประกาศอาร์เรย์ การใช้เมธอดร่วมกับชนิดข้อมูล และการเลือกใช้ ReadonlyArray เมื่อจำเป็นต้องป้องกันการเปลี่ยนแปลงข้อมูล
การประกาศอาร์เรย์
อาร์เรย์ สามารถกำหนดชนิดข้อมูลด้วยไวยากรณ์ชนิดสมาชิก เช่น number[]
const numbers: number[] = [1, 2, 3];
console.log(numbers[0]);ชนิดข้อมูลอาร์เรย์แบบเจเนอริก
คุณยังสามารถใช้รูปแบบเจเนอริก Array<T> ซึ่งเทียบเท่ากับ T[] ได้
const words: Array<string> = ["a", "b", "c"];
console.log(words.length);เมธอดของอาร์เรย์
เมธอดของอาร์เรย์ เช่น map, filter และ reduce จะรักษาข้อมูลชนิดข้อมูลไว้โดยอัตโนมัติ
const nums: number[] = [1, 2, 3];
const doubled = nums.map(n => n * 2);
console.log(doubled);ReadonlyArray
ReadonlyArray รับรองว่าข้อมูลจะไม่เปลี่ยนแปลง โดยจะไม่มีเมธอด push, splice หรือเมธอดสำหรับกำหนดค่าใหม่
const readonlyNums: ReadonlyArray<number> = [1, 2, 3];
// readonlyNums.push(4); // Errorควรใช้ ReadonlyArray เมื่อใด
ใช้ ReadonlyArray เมื่อคุณต้องการ
- รับรองว่าจะไม่มีการเปลี่ยนแปลงข้อมูลโดยไม่ได้ตั้งใจ
- ส่งข้อมูลระหว่างฟังก์ชันอย่างปลอดภัย
- สื่อเจตนาว่าข้อมูลไม่ควรเปลี่ยนแปลง
ตรวจสอบ ReadonlyArray
ตรวจสอบอย่างรวดเร็ว: ข้อใดเป็น TRUE เกี่ยวกับ ReadonlyArray ใน TypeScript
ทบทวน
ทบทวน: อาร์เรย์สามารถกำหนดชนิดข้อมูลเป็น T[] หรือ Array<T> ได้ ใช้เมธอดพร้อมความปลอดภัยด้านชนิดข้อมูล เลือกใช้ ReadonlyArray เมื่อจำเป็นต้องป้องกันการเปลี่ยนแปลงข้อมูล
เรียนรู้ TypeScript ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 101
- บทเรียน
- 352
คำถามที่พบบ่อย
บทเรียน “อาร์เรย์และ ReadonlyArray” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “อาร์เรย์และ ReadonlyArray” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “อาร์เรย์และ ReadonlyArray”
เรียนรู้พื้นฐานอาร์เรย์ ความแตกต่างระหว่างอาร์เรย์ที่แก้ไขได้กับ ReadonlyArray และวิธีใช้เมธอดที่มีชนิดข้อมูลอย่างปลอดภัย คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน
บทเรียน “อาร์เรย์และ ReadonlyArray” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม
ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- อาร์เรย์และ ReadonlyArray
- ทูเพิลและทูเพิลที่มีป้ายกำกับ
- Enum เทียบกับ const enum และทางเลือกแบบยูเนียนลิเทอรัล