TypeScript - タプル型

公開日:2019-01-15 更新日:2019-05-14

1. 概要

タプル型の使い方です。
関数の戻り値の型として使用すると、複数の戻り値を返すことができます。

//宣言
let 変数名: [型, 型, 型, ・・・];

//タプルのまま代入
変数名 = [値, 値, 値, ・・・ ];

//各値を各変数に代入
[変数名, 変数名, 変数名, ・・・ ] = [値, 値, 値, ・・・ ]

2.1 サンプル

let data: [string, number, number];

data = ["apple", 10, 20];

console.log(data[0]); //apple
console.log(data[1]); //10
console.log(data[2]); //20

console.log(data.length); //3

apple
10
20
3

2.2 サンプル

関数の戻り値にタプルを使用して、複数の戻り値を返します。

function getSize(): [number, number] {
	return [10, 20];
}

let width : number;
let height: number;

[width, height] = getSize();
console.log(width);  //10
console.log(height); //20