TypeScript - ทูเปิล

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

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

ไวยากรณ์

var tuple_name = [value1,value2,value3,…value n]

ตัวอย่างเช่น

var mytuple = [10,"Hello"];

คุณยังสามารถประกาศทูเพิลว่างใน typescript และเลือกที่จะเริ่มต้นในภายหลัง

var mytuple = []; 
mytuple[0] = 120 
mytuple[1] = 234

การเข้าถึงค่าใน Tuples

ค่าทูเพิลเรียกว่าแต่ละรายการ สิ่งทอขึ้นอยู่กับดัชนี ซึ่งหมายความว่ารายการในทูเปิลสามารถเข้าถึงได้โดยใช้ดัชนีตัวเลขที่สอดคล้องกัน ดัชนีของรายการ Tuple เริ่มต้นจากศูนย์และขยายได้ถึง n-1 (โดยที่ n คือขนาดของทูเปิล)

ไวยากรณ์

tuple_name[index]

ตัวอย่าง: Simple Tuple

var mytuple = [10,"Hello"]; //create a  tuple 
console.log(mytuple[0]) 
console.log(mytuple[1])

ในตัวอย่างข้างต้นทูเปิล mytupleมีการประกาศ ทูเพิลประกอบด้วยค่าของประเภทตัวเลขและสตริงตามลำดับ

ในการคอมไพล์จะสร้างโค้ดเดียวกันใน JavaScript

ผลลัพธ์มีดังนี้ -

10 
Hello

ตัวอย่าง: Empty Tuple

var tup = [] 
tup[0] = 12 
tup[1] = 23 

console.log(tup[0]) 
console.log(tup[1])

ในการคอมไพล์จะสร้างโค้ดเดียวกันใน JavaScript

ผลลัพธ์มีดังนี้ -

12 
23

การดำเนินงาน Tuple

Tuples ใน TypeScript รองรับการดำเนินการต่างๆเช่นการผลักดันรายการใหม่การลบรายการออกจากทูเปิลเป็นต้น

ตัวอย่าง

var mytuple = [10,"Hello","World","typeScript"]; 
console.log("Items before push "+mytuple.length)    // returns the tuple size 

mytuple.push(12)                                    // append value to the tuple 
console.log("Items after push "+mytuple.length) 
console.log("Items before pop "+mytuple.length) 
console.log(mytuple.pop()+" popped from the tuple") // removes and returns the last item
  
console.log("Items after pop "+mytuple.length)
  • push () ต่อท้ายรายการเข้ากับทูเปิล

  • ป๊อป () จะลบและส่งคืนค่าสุดท้ายในทูเปิล

ในการคอมไพล์จะสร้างโค้ดเดียวกันใน JavaScript

ผลลัพธ์ของรหัสด้านบนมีดังนี้ -

Items before push 4 
Items after push 5 
Items before pop 5 
12 popped from the tuple 
Items after pop 4

กำลังอัปเดต Tuples

Tuples สามารถเปลี่ยนแปลงได้ซึ่งหมายความว่าคุณสามารถอัปเดตหรือเปลี่ยนแปลงค่าขององค์ประกอบทูเปิลได้

ตัวอย่าง

var mytuple = [10,"Hello","World","typeScript"]; //create a  tuple 
console.log("Tuple value at index 0 "+mytuple[0]) 

//update a tuple element 
mytuple[0] = 121     
console.log("Tuple value at index 0 changed to   "+mytuple[0])

ในการคอมไพล์จะสร้างโค้ดเดียวกันใน JavaScript

ผลลัพธ์ของรหัสด้านบนมีดังนี้ -

Tuple value at index 0 10 
Tuple value at index 0 changed to 121

ทำลาย Tuple

การทำลายโครงสร้างหมายถึงการทำลายโครงสร้างของเอนทิตี TypeScript รองรับการทำลายโครงสร้างเมื่อใช้ในบริบทของทูเปิล

ตัวอย่าง

var a =[10,"hello"] 
var [b,c] = a 
console.log( b )    
console.log( c )

ในการคอมไพล์จะสร้างโค้ด JavaScript ต่อไปนี้

//Generated by typescript 1.8.10
var a = [10, "hello"];
var b = a[0], c = a[1];
console.log(b);
console.log(c);

ผลลัพธ์มีดังนี้ -

10 
hello