JavaScriptの変数・型・制御構文 | JavaScript入門

constとlet

再代入しない値にはconst、後で値を変更する変数にはletを使います。

変数を使うJAVASCRIPT

const userName = 'Mity';
let score = 70;
score = 85;
console.log(`${userName}さんの点数は${score}点です`);

実行結果OUTPUT

Mityさんの点数は85点です

文字列、数値、真偽値などの型があり、typeofで確認できます。フォームの値は文字列なので、計算前にNumberで変換します。

型変換と計算JAVASCRIPT

const price = Number('500');
const count = 3;
const total = price * count;
console.log(typeof price);
console.log(`合計は${total}円です`);

実行結果OUTPUT

number
合計は1500円です

比較は===を使う===は値と型を比較します。==は暗黙の型変換が入るため、まずは===を使いましょう。

ifとelse if、elseを使って条件ごとに処理を分けます。

合否を判定するJAVASCRIPT

const score = 82;
const result = score >= 60 ? '合格' : '再挑戦';
console.log(result); // 合格

forは回数が決まった処理、whileは条件が真の間の処理に使います。

合計を求めるJAVASCRIPT

let total = 0;
for (let i = 1; i <= 5; i += 1) {
    total += i;
}
console.log(total); // 15