JavaScript const活用術！6つの使い方でコードをより安全に

2023.05.022024.05.10

この記事は約3分で読めます。

【サイト内のコードはご自由に個人利用・商用利用いただけます】

この記事では、プログラムの基礎知識を前提に話を進めています。

説明のためのコードや、サンプルコードもありますので、もちろん初心者でも理解できるように表現してあります。

基本的な知識があればカスタムコードを使って機能追加、目的を達成できるように作ってあります。

※この記事は、一般的にプロフェッショナルの指標とされる『実務経験10,000時間以上』を凌駕する現役のプログラマチームによって監修されています。

サイト内のコードを共有する場合は、参照元として引用して下さいますと幸いです

はじめに

この記事を読めば、JavaScriptのconstを活用してコードをより安全にする方法が身につきます。

初心者でも分かりやすく解説しているので、JavaScriptをこれから学びたい方も安心して読めます。

JavaScriptのconstは、定数を宣言するためのキーワードです。

constで宣言された変数は、再代入ができないため、コードがより安全になります。

また、constを使うことで、変数の値が変わらないことが明示的になり、コードの可読性も向上します。

constを使って変数を宣言する方法を紹介します。

この例では、数値型の変数をconstで宣言しています。

const pi = 3.14;
console.log(pi); // 3.14

constを使ってオブジェクトを宣言する方法を紹介します。

この例では、オブジェクトをconstで宣言し、そのプロパティに値を代入しています。

const person = {
  name: "山田太郎",
  age: 30
};
console.log(person); // { name: "山田太郎", age: 30 }

このコードでは、constを使って配列を宣言する方法を紹介しています。

この例では、文字列の配列をconstで宣言し、その要素を表示しています。

const fruits = ["リンゴ", "バナナ", "オレンジ"];
console.log(fruits); // ["リンゴ", "バナナ", "オレンジ"]

このコードでは、constとletの使い分け方を説明しています。

この例では、再代入が必要な変数はletで宣言し、再代入が不要な変数はconstで宣言しています。

const taxRate = 0.08;
let price = 100;

price = price * (1 + taxRate);
console.log(price); // 108

このコードでは、constを使って関数を宣言する方法を紹介しています。

この例では、constで宣言された関数を使って、二つの数値の和を計算しています。

const add = function (a, b) {
  return a + b;
};

const result = add(3, 5);
console.log(result); // 8

このコードでは、constを使ってループ内の変数を宣言する方法を紹介しています。

この例では、配列の要素を一つずつ表示するために、forループ内でconstを使用しています。

const numbers = [1, 2, 3, 4, 5];

for (const number of numbers) {
  console.log(number);
}
// 1, 2, 3, 4, 5 が順番に表示される

JavaScriptのconstを活用することで、コードをより安全にし、可読性を向上させることができます。

この記事で紹介した6つの使い方を覚えて、constを上手に活用しましょう。