本サイトはプロモーション（広告）が含まれています。

JavaScript

【JavaScript】変数宣言と初期化について

【JavaScript】変数宣言と初期化について

　javaScriptの変数宣言について以下のとおりに実施します

let 変数名; // 初期化していない変数宣言
let 変数名 = 値; // 初期化の実施した変数宣言

文字列および数値の変数宣言について

　具体的には次のように宣言します。文字列の変数を宣言するには「””（ダブルクォーテーション）」でくくることで宣言できます。

// 文字列の変数宣言
let str = "test";
// alertにて変数の値を出力
alert(str); 

// 実行結果
test

　数値の変数宣言は「””（ダブルクォーテーション）」で括らないことで宣言することができます。

// 数値の変数宣言
let cnt= 100;
// alertにて変数の値を出力
alert(cnt); 

// 実行結果
100

　数値の変数宣言する際に数値以外の値を入れる場合、エラーとなります。

// 数値の変数宣言
let cnt= 文字列;
// alertにて変数の値を出力
alert(cnt); 

// 実行結果
Uncaught ReferenceError: 文字列 is not defined

初期化していない変数を出力しようとするとundefinedが出力される

　let 変数名 = 値;で初期化し、変数に値をセットします。

　一方で、let 変数名;ではまた値を初期化していないため、未定義である「undefined」が出力されます。

// 変数宣言 
let cnt; 
// alertにて変数の値を出力 
alert(cnt); 

// 実行結果
Uncaught SyntaxError: Missing initializer in const declaration

複数まとめて変数宣言をおこなう

　「,(カンマ)」で区切ることで１行で複数の変数を宣言することができます。

let 変数名1, 変数名2, 変数名3;

　例えば、次のように１行で変数を定義することができます。

// 複数の変数を宣言 
let str1, str2, str3;
str1 = "test1";
str2 = "test2";
str3 = "test3";

// alertにて変数の値を出力 
alert(str1 + str2 + str3);

// 実行結果
test1test2test3

　ただし、１行で複数の変数宣言と、初期化の処理は実施できません。

　例えば、次のような変数宣言することはできません。

function test() {
// 変数宣言 
let str1, str2, str3 = "test1","test2","test3"
// alertにて変数の値を出力 
alert(str1 + str2 + str3);
}

// 実行結果　
Uncaught SyntaxError: Unexpected string

letは重複する変数宣言を許容しない

　let　変数名にて変数宣言を行う場合、重複する変数名は許容されません

　例えば、次のような場合はエラーとなります。

// 変数宣言 
let str = "test";
// 重複した変数を宣言 
let str = "test2";
alert(str); 

// 実行結果
Uncaught SyntaxError: Identifier 'str' has already been declared

変数の値を再セットするには、letを取り除くことで実行可能となります。

// 変数宣言 
let str = "test";
// 重複した変数を宣言 
str = "test2";
alert(str); 

// 実行結果
test2

JavaScript の記事一覧へ

PAGE TOP