JavaScriptで1つのステートメントを使って複数の変数を宣言・定義する方法
JavaScriptでは、1つのステートメントで複数の変数を宣言し、同時に値を定義(初期化)することができます。その際に使用するのがカンマ(,)による区切りです。以下の構文のように、各変数の宣言と代入をカンマでつなげて記述します。
var 変数名1 = 値1, 変数名2 = 値2, 変数名3 = 値3, 変数名4 = 値4; ... (必要な数だけ続けられます)
このように書くことで、コードが簡潔になり、関連する変数をまとめて管理できるというメリットがあります。
サンプルコード
実際に、1つのステートメントで3つの変数を宣言し、それぞれ文字列の値を代入してみましょう。
var firstName = "My First Name is David", lastName = "My Last Name is Miller", place = "I live in AUS"; console.log(firstName); console.log(lastName); console.log(place);
プログラムの実行方法
上記のプログラムを実行するには、ターミナルやコマンドプロンプトからNode.jsを使って以下のコマンドを実行します。
node ファイル名.js
ここでは、保存したファイル名が「demo182.js」であるものとして説明します。
実行結果
このプログラムを実行すると、コンソールには以下のような出力が表示されます。
PS C:\Users\Amit\javascript-code> node demo182.js My First Name is David My Last Name is Miller I live in AUS
補足:let / const を使う場合
モダンなJavaScript(ES6以降)では、var の代わりに let や const を使うことが推奨されています。これらも同じようにカンマ区切りで複数の変数を一度に宣言できます。
// letの場合 let a = 10, b = 20, c = 30; // constの場合 const PI = 3.14, E = 2.718,
ただし、const で宣言した変数は再代入できないため、定数として扱う値に使用しましょう。また、可読性の観点から、1行に詰め込みすぎず、適度に改行を入れるとより読みやすいコードになります。
-
JavaScriptでブロックスコープ変数を宣言するには?letとconstの使い方を解説
ブロックスコープ変数とはJavaScriptでブロックスコープ変数を宣言するには、ES2015(ES6)で導入された let および const キーワードを使用します。これらのキーワードで宣言された変数は、{ }(波括弧)で囲まれたブロックの中でのみ有効となり、ブロックの外からアクセスしようとするとエラーが発生します。let と const の違いlet は値の再代入が可能な変数を宣言するキーワードで、const は再代入ができない定数を宣言するキーワードです。どちらもブロックスコープを持つため、従来の var(関数スコープ)と異なり、意図しない変数の上書きや漏れを防ぐことができます。特別な
-
JavaScriptでCSS変数を取得・設定する方法
JavaScriptを活用すると、CSS変数(カスタムプロパティ)の値を動的に読み取ったり、書き換えたりすることができます。ポイントになるのは、次の3つのメソッドです。 1. getComputedStyle() ― 適用済みスタイルの取得 getComputedStyle()メソッドは、対象の要素に実際に適用されているすべてのスタイル情報を含むオブジェクトを返します。このオブジェクトには、CSS変数の値も含まれています。 2. getPropertyValue() ― 目的のプロパティ値の取得 getComputedStyle()が返したオブジェクトに対してgetPropertyVal