TypeScript 元組(tuple)
TypeScript 元組(tuple) 是一種特殊的陣列，它允許你存放不同類型的資料。
例如，你可以定義一個包含字串和數字的元組：
let user: [string, number] = ["John", 25];
你可以使用索引來訪問元組中的元素：
let username = user[0];
let age = user[1];
你也可以使用解構來獲取元組中的元素：
let [username, age] = user;
你可以使用 push() 方法向元組中添加元素：
user.push("male");
但是，你不能使用 push() 方法添加不同類型的元素：
user.push(true); // 錯誤！
你可以使用 pop() 方法從元組中移除元素：
user.pop();
你也可以使用 splice() 方法從元組中移除元素：
user.splice(1, 1);
TypeScript 元組可以用於函數的參數：
function getUserInfo(user: [string, number]) {
let username = user[0];
let age = user[1];
console.log(`Username: ${username}, Age: ${age}`);
}
getUserInfo(user);
你也可以使用解構來簡化函數的參數：
function getUserInfo([username, age]: [string, number]) {
console.log(`Username: ${username}, Age: ${age}`);
}
getUserInfo(user);
TypeScript 元組可以用於函數的返回值：
function createUser(): [string, number] {
return ["John", 25];
}
let user = createUser();
你也可以使用解構來簡化函數的返回值：
function createUser(): [string, number] {
return ["John", 25];
}
let [username, age] = createUser();
TypeScript 元組可以用於 for...of 迴圈：
for (let [username, age] of users) {
console.log(`Username: ${username}, Age: ${age}`);
}
TypeScript 元組可以用於 forEach() 方法：
users.forEach(([username, age]) => {
console.log(`Username: ${username}, Age: ${age}`);
});
TypeScript 元組可以用於 map() 方法：
let usernames = users.map(([username, age]) => username);
TypeScript 元組可以用於 filter() 方法：
let usersUnder30 = users.filter(([username, age]) => age < 30);
TypeScript 元組可以用於 sort() 方法：
users.sort((a, b) => a[1] - b[1]);
TypeScript 元組可以用於 reduce() 方法：
let totalAge = users.reduce((total, [username, age]) => total + age, 0);
TypeScript 元組是一種非常有用的資料結構，它可以讓你存放不同類型的資料，並且可以使用許多不同的方法來操作它們。
推薦閱讀文章
推薦閱讀文章
<a href="https://ithelp.ithome.com.tw/articles/10208819">TypeScript 元組(tuple) 介紹</a><br>
<a href="https://www.tutorialsteacher.com/typescript/tuple-in-typescript">Tuple in TypeScript</a><br>
<a href="https://www.typescriptlang.org/docs/handbook/basic-types.html#tuple">TypeScript Basic Types - Tuple</a><br>
<a href="https://www.freecodecamp.org/news/typescript-tuple-types-explained/">TypeScript Tuple Types Explained</a><br>
<a href="https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-0.html#tuple-types">TypeScript 3.0 - Tuple Types</a