JavaScriptで複数の変数を初期化するにはどうすればいいですか？

JavaScriptで変数を宣言する場合、1つの変数に対して1つの値を代入するのが基本です。しかし、複数の変数を一度に宣言して初期化したい場合もあります。本記事では、JavaScriptで複数の変数を効率的に初期化する方法について解説します。

カンマ区切りによる複数変数の初期化

JavaScriptでは、カンマ(,)区切りを用いることで、1つの文で複数の変数を宣言し、それぞれに初期値を設定できます。

<script>
  let name = "田中", age = 30, city = "東京";
  console.log(name, age, city); // 出力: 田中 30 東京
</script>

上記の例では、letキーワードを使用して、name、age、cityという3つの変数を宣言し、それぞれに初期値を代入しています。変数宣言は1行で完結し、コードの可読性が向上します。

<script>
  let x = 10, y, z = 20; 
  console.log(x, y, z); // 出力: 10 undefined 20
</script>

複数の変数を初期化する方法はいくつかありますが、それぞれに特徴があります。状況に応じて適切な方法を選択しましょう。

方法	記述例	メリット	デメリット
カンマ区切り	`let a = 1, b = 2, c = 3;`	簡潔に記述できる	大量の変数を扱う場合は見づらくなる場合がある
改行による複数宣言	`let a = 1; let b = 2; let c = 3;`	各変数の初期化が明確になる	コード量が多くなる

本記事では、JavaScriptで複数の変数を初期化する方法について解説しました。カンマ区切りを用いることで、簡潔に複数の変数を宣言し、初期値を設定できます。変数宣言の際は、文末にセミコロンを忘れずに記述しましょう。状況に応じて適切な初期化方法を選択し、可読性の高いコードを作成してください。