TECH I.S.

JavaScriptステートメント


let x, y, z;    // ステートメント 1 x = 5;          // ステートメント 2 y = 6;          // ステートメント 3 z = x + y;     // ステートメント 4


JavaScriptプログラム

コンピュータープログラムは、コンピュータによって「実行」される「命令」のリストです。

プログラミング言語では、これらのプログラミング命令はステートメントと呼ばれます。

JavaScriptプログラムは、プログラミングステートメントのリストです。


HTMLでは、JavaScriptプログラムはWebブラウザーによって実行されます。





JavaScriptステートメント

JavaScriptステートメントは、次のもので構成されます。

値、演算子、式、キーワード、コメント。

このステートメントは、ブラウザーにid="demo"のHTML要素内で「Hello Dolly」と書き込むように指示します。

document.getElementById("demo").innerHTML = "Hello Dolly.";

ほとんどのJavaScriptプログラムには、多くのJavaScriptステートメントが含まれています。

ステートメントは、記述された順序で1つずつ実行されます。


JavaScriptプログラム(およびJavaScriptステートメント) は、多くの場合、JavaScriptコードと呼ばれます。





セミコロン;

セミコロンはJavaScriptステートメントを区切ります。

各実行ステートメントの最後にセミコロンを追加します。

let a, b, c;  // 3つの変数を定義します a = 5;        // 値5をaに代入します b = 6;        // 値6をbに代入します c = a + b;    // 値aとbの合計をcに代入します

セミコロンで区切ると、1行で複数のステートメントを使用できます。

a = 5; b = 6; c = a + b;

Webでは、セミコロンのない例が表示される場合があります。ステートメントをセミコロンで終了することは必須ではありませんが、強くおすすめします。


JavaScriptの空白

JavaScriptは複数のスペースを無視します。スクリプトに空白を追加して、読みやすくすることができます。

次の行は同等です。

let person = "Hege"; let person="Hege";

演算子の前後にスペースを入れることをおすすめします ( = + - * / )。

let x = y + z;

JavaScriptの行の長さと改行

読みやすくするために、プログラマーは多くの場合、80文字を超えるコード行を避けることを好みます。

JavaScriptステートメントが1行に収まらない場合、ステートメントを分割するのに最適な場所は演算子の後です。

document.getElementById("demo").innerHTML = "Hello Dolly!";


JavaScript コードブロック

JavaScriptステートメントは、中かっこ{...}内のコードブロックにまとめることができます。

コードブロックの目的は、一緒に実行されるステートメントを定義することです。

ステートメントがブロックにグループ化されている場所の1つは、JavaScript関数です。

function myFunction() {   document.getElementById("demo1").innerHTML = "Hello Dolly!";   document.getElementById("demo2").innerHTML = "元気ですか?"; }

このチュートリアルでは、コードブロックに2つのスペースのインデントを使用します。関数については、このチュートリアルの後半で詳しく説明します。


JavaScript キーワード

JavaScriptステートメントは、多くの場合、実行するJavaScriptアクションを識別するキーワードで始まります。

予約語リファレンスは、すべてのJavaScriptキーワードをリストアップしています。

このチュートリアルで学習するキーワードの一部を次に示します。


キーワード

説明

var 変数を宣言します。
let ブロック変数を宣言します。
const ブロック定数を宣言します。
if 条件で実行されるステートメントのブロックをマークします。
switch さまざまなケースで実行されるステートメントのブロックをマークします。
for ループで実行されるステートメントのブロックをマークします。
function 関数を宣言します。
return 関数を終了します。
try ステートメントのブロックにエラー処理を実装します。

JavaScriptキーワードは予約語です。予約語は変数名として使用できません。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細