了解TypeScript中的元組(Tuple)功能

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 元組是一種非常有用的資料結構，它可以讓你存放不同類型的資料，並且可以使用許多不同的方法來操作它們。

`延伸閱讀本站文章`

更多TypeScript相關文章

了解TypeScript中的元組(Tuple)功能

TypeScript 元組(tuple)

推薦閱讀文章

推薦閱讀文章

`延伸閱讀本站文章`

`推薦學習youtube影片`

`相關`

`發佈留言取消回覆`

TypeScript 元組(tuple)

推薦閱讀文章

推薦閱讀文章

延伸閱讀本站文章

推薦學習youtube影片

相關

發佈留言 取消回覆

`延伸閱讀本站文章`

`推薦學習youtube影片`

`相關`

`發佈留言取消回覆`