在 TypeScript 中，元组类型是一种特殊的数据类型，用于表示具有固定数量和类型的项的数组。本文详细介绍元组类型的定义、使用和常见场景，并提供了一些示例代码，以帮助读者更好地理解和应用元组类型。
定义元组类型
在 TypeScript 中，可以使用以下语法定义元组类型：
let tuple: [string, number];
其中，方括号 [] 中列出了元组中的每个元素类型，各元素类型之间用逗号隔开。下面是一些示例：
let a: [string, number] = ['hello', 123]; // OK let b: [string, number] = [123, 'hello']; // Error，类型不匹配 let c: [string, number] = ['hello', 123, 'world']; // Error，元素数量不匹配
注意，元组类型必须严格匹配元素数量和顺序，否则会导致编译时错误。
使用元组类型
元组类型可以用于函数参数和返回值的类型声明，以及变量的类型声明。下面是一些示例：
函数参数类型声明
function myFunc(input: [string, number]) {
console.log(`Input: ${input[0]} (${typeof input[0]}), ${input[1]} (${typeof input[1]})`);
}
myFunc(['hello', 123]); // Output: Input: hello (string), 123 (number)
myFunc([123, 'hello']); // Error，类型不匹配
myFunc(['hello', 123, 'world']); // Error，元素数量不匹配函数返回值类型声明
function myFunc2(): [string, number] {
return ['world', 456];
}
let result: [string, number] = myFunc2();
console.log(`Result: ${result[0]} (${typeof result[0]}), ${result[1]} (${typeof result[1]})`); // Output: Result: world (string), 456 (number)变量类型声明
let myTuple: [string, number]; myTuple = ['hello', 123]; // OK myTuple = [123, 'hello']; // Error，类型不匹配 myTuple = ['hello', 123, 'world']; // Error，元素数量不匹配
常见场景
元组类型通常用于表示精确和固定的结构化数据，例如 CSV 文件或 JSON 数据中的行或对象。以下示例演示如何使用元组类型处理 CSV 文件：
-- -------------------- ---- ------- ---- ------ - -------- ------- ------- -------- -------- ------------- -------- -------- - ------ -------------------------- -- -------------------------- -- ------------ -- -------- - ----- --- - --------------------------------------------------- ----- ---- - -------------- ------------------ -- ------- ---------- -------- ----- ------ ------- ---------- ----- ------
该示例定义了一个元组类型 CSVRow，表示 CSV 文件中的一行数据。然后，使用 map 函数将 CSV 文本行转换为元组类型的数组。注意，map 函数中使用类型断言 (cell) => cell.trim()) as CSVRow，将字符串数组显式转换为元组类型，以确保类型匹配和正确性。
总结
元组类型是 TypeScript 中一种非常有用的数据类型，可用于表示精确和固定的结构化数据。本文介绍了元组类型的定义、使用和常见场景，并提供了一些示例代码。希望本文能够对读者学习和使用 TypeScript 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cb79fb5ad90b6d0420bff4