2017.11.1
2020.1.7

可変長の引数でメソッドを呼び出す

TypeScriptで引数を可変にしてメソッドを呼び出す方法です。

可変長の引数はなにげによく使いますよね。

目次

  • コード(TypeScript)
  • コード(JavaScript)
  • 参考リンク

コード(TypeScript)

方法は簡単で変数の前に「...」を追加し、配列の型で宣言するだけ。


function example(...args: string[]) {
    console.log(args.join("/"));
}

メソッドを呼び出す際は以下のようになります。


example("a", "b", "c", "d", "e");  // a/b/c/d/e

コード(JavaScript)

TypeScriptで可変長の引数に対応したメソッドをJavaScriptにトランスパイルすると以下のようになります。


function example() {
    var args = [];
    for (var i = 1; i < arguments.length; i++) {
        args[i - 1] = arguments[i];
    }
    console.log(args.join("/"));
};

参考リンク

TypeScript】関連記事