const
コンスト(基本的な構文)
意味 変数の宣言
constとは?
JavaScriptで一度値が代入されると変更できない変数(定数)を宣言するためのキーワード。
constの具体的な使い方
constを使った基本的な定数宣言
const PI = 3.14159;
console.log('円周率: ' + PI);
const DAYS_IN_WEEK = 7;
console.log('1週間の日数: ' + DAYS_IN_WEEK);
const IS_DEBUGGING = false;
console.log('デバッグモード: ' + IS_DEBUGGING);
// 以下の行はエラーになります
// PI = 3.14; // 再代入不可
👇出力結果
円周率: 3.14159
1週間の日数: 7
デバッグモード: false
constを使用して異なる型(数値、整数、真偽値)の定数を宣言し、その値を表示します。constで宣言された変数は再代入できません。
constを使ったオブジェクトの宣言
const person = {
name: '山田花子',
age: 25
};
console.log('名前: ' + person.name);
console.log('年齢: ' + person.age);
// オブジェクトの中身は変更可能
person.age = 26;
console.log('更新後の年齢: ' + person.age);
// 以下の行はエラーになります
// person = {}; // オブジェクト自体の再代入は不可
👇出力結果
名前: 山田花子
年齢: 25
更新後の年齢: 26
constで宣言されたオブジェクトは、そのプロパティの値を変更できますが、オブジェクト自体を再代入することはできません。
constを使った配列の宣言
const fruits = ['りんご', 'バナナ', 'オレンジ'];
console.log('果物リスト: ' + fruits.join(', '));
// 配列の要素は変更可能
fruits.push('ぶどう');
console.log('更新後の果物リスト: ' + fruits.join(', '));
// 以下の行はエラーになります
// fruits = ['いちご']; // 配列自体の再代入は不可
👇出力結果
果物リスト: りんご, バナナ, オレンジ
更新後の果物リスト: りんご, バナナ, オレンジ, ぶどう
constで宣言された配列は、その要素を変更したり追加したりできますが、配列自体を再代入することはできません。
constに関するよくある質問
constが学べる書籍の紹介
「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのconstやdelete、??、<=、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。
よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。
HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。
JavaScriptを学べる「プログラミング単語帳」アプリ
プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。
収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。
いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。
2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!
2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!