JSチュートリアル

JSホーム JSの紹介 JSどこへ JS出力 JSステートメント JS構文 JSコメント JS変数 JS Let JSConst JSオペレーター JS算術 JS割り当て JSデータ型 JS関数 JSオブジェクト JSイベント JS文字列 JS文字列メソッド JS文字列検索 JS文字列テンプレート JS番号 JS番号メソッド JSアレイ JS配列メソッド JS配列ソート JSアレイの反復 JSアレイ定数 JSの日付 JSの日付形式 JS DateGetメソッド JS日付設定メソッド JS数学 JSランダム JSブール値 JSの比較 JS条件 JSスイッチ JSループFor JSループフォーイン JSループの JSループWhile JSブレイク JSIterables JSセット JSマップ JS Typeof JS型変換 JSビット単位 JS RegExp JSエラー JSスコープ JSホイスト JS厳密モード JSこのキーワード JSアロー関数 JSクラス JS JSON JSデバッグ JSスタイルガイド JSのベストプラクティス JSの間違い JSパフォーマンス JS予約語

JSバージョン

JSバージョン JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE /エッジ JSの歴史

JSオブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクト表示 オブジェクトアクセサー オブジェクトコンストラクター オブジェクトのプロトタイプ オブジェクト反復可能 オブジェクトセット オブジェクトマップ オブジェクトリファレンス

JS関数

関数の定義 関数パラメーター 関数の呼び出し 関数呼び出し 機能適用 関数クロージャ

JSクラス

クラスイントロ クラス継承 クラス静的

JS非同期

JSコールバック JS非同期 JSの約束 JS Async / Await

JS HTML DOM

DOMイントロ DOMメソッド DOMドキュメント DOM要素 DOM HTML DOMフォーム DOM CSS DOMアニメーション DOMイベント DOMイベントリスナー DOMナビゲーション DOMノード DOMコレクション DOMノードリスト

JSブラウザBOM

JSウィンドウ JS画面 JSロケーション JSの歴史 JSナビゲーター JSポップアップアラート JSタイミング JSクッキー

JS Web API

WebAPIイントロ WebフォームAPI Web履歴API WebストレージAPI WebワーカーAPI Web Fetch API Web Geolocation API

JS AJAX

AJAXイントロ AJAX XMLHttp AJAXリクエスト AJAX応答 AJAXXMLファイル AJAX PHP AJAX ASP AJAXデータベース AJAXアプリケーション AJAXの例

JS JSON

JSONイントロ JSON構文 JSONとXML JSONデータ型 JSON解析 JSON文字列化 JSONオブジェクト JSON配列 JSONサーバー JSON PHP JSON HTML JSON JSONP

JSとjQuery

jQueryセレクター jQuery HTML jQuery CSS jQuery DOM

JSグラフィックス

JSグラフィックス JSキャンバス JSPlotly JS Chart.js JSグーグルチャート JS D3.js

JSの例

JSの例 JS HTML DOM JSHTML入力 JSHTMLオブジェクト JSHTMLイベント JSブラウザ JSエディター JS演習 JSクイズ JS証明書

JSリファレンス

JavaScriptオブジェクト HTMLDOMオブジェクト


JavaScript構文

JavaScript構文は、JavaScriptプログラムの構築方法である一連のルールです。

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

JavaScriptの値

JavaScript構文は、次の2種類の値を定義します。

  • 固定値
  • 変数値

固定値はリテラルと呼ばれます。

変数値は変数と呼ばれます。


JavaScriptリテラル

固定値の2つの最も重要な構文規則は次のとおりです。

1.数値は、小数の有無にかかわらず書き込まれます。

10.50

1001

2.文字列はテキストであり、二重引用符または一重引用符で囲まれています。

"John Doe"

'John Doe'


JavaScript変数

プログラミング言語では、変数はデータ値を格納する ために使用されます。

JavaScriptは、キーワードvarletを使用して変数const宣言します。

等号は、変数に値を割り当てるために使用されます。

この例では、xは変数として定義されています。次に、xに値6が割り当てられます(与えられます)。

let x;
x = 6;

JavaScript演算子

JavaScriptは、算術演算子+ - * /)を 使用して値を計算します。

(5 + 6) * 10

JavaScriptは、代入演算子=)を使用して、 変数に値を代入します。

let x, y;
x = 5;
y = 6;

JavaScript式

式は、値、変数、および演算子の組み合わせであり、値を計算します。

計算は評価と呼ばれます。

たとえば、5 * 10は50に評価されます。

5 * 10

式には変数値を含めることもできます。

x * 10

値は、数値や文字列など、さまざまなタイプにすることができます。

たとえば、「John」+「」+「Doe」は「JohnDoe」と評価されます。

"John" + " " + "Doe"

JavaScriptキーワード

JavaScriptキーワードは、実行するアクションを識別するために使用されます。

letキーワードは、ブラウザに変数を作成するように指示します

let x, y;
x = 5 + 6;
y = x * 10;

この varキーワードは、ブラウザに変数を作成するようにも指示します。

var x, y;
x = 5 + 6;
y = x * 10;

これらの例では、var またはletを使用すると同じ結果が得られます。

詳細については、このチュートリアルの後半で学習しvar ますlet


JavaScriptコメント

すべてのJavaScriptステートメントが「実行」されるわけではありません。

二重スラッシュの後 //または間/*にあるコードはコメント*/として扱われます。

コメントは無視され、実行されません。

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

コメントについては、後の章で詳しく説明します。


JavaScript識別子/名前

識別子はJavaScript名です。

識別子は、変数、キーワード、および関数に名前を付けるために使用されます。

正式名称の規則は、ほとんどのプログラミング言語で同じです。

JavaScript名は次で始まる必要があります:

  • 文字(AZまたはaz)
  • ドル記号($)
  • またはアンダースコア(_)

後続の文字は、文字、数字、アンダースコア、またはドル記号です。

ノート

名前の最初の文字として数字を使用することはできません。

このようにして、JavaScriptは識別子と数字を簡単に区別できます。


JavaScriptは大文字と小文字を区別します

すべてのJavaScript識別子では 大文字と小文字が区別されます。 

変数lastNamelastname、は2つの異なる変数です。

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScriptは、 LETまたはLetをキーワードletとして解釈しません


JavaScriptとキャメルケース

歴史的に、プログラマーは複数の単語を1つの変数名に結合するさまざまな方法を使用してきました。

ハイフン:

ファーストネーム、ラストネーム、マスターカード、都市間。

JavaScriptではハイフンは使用できません。それらは減算のために予約されています。

アンダースコア:

first_name、last_name、master_card、inter_city。

アッパーキャメルケース(パスカルケース):

FirstName、LastName、MasterCard、InterCity。

下部キャメルケース:

JavaScriptプログラマーは、小文字で始まるキャメルケースを使用する傾向があります。

firstName、lastName、masterCard、interCity。


JavaScript文字セット

JavaScriptはUnicode文字セットを使用します。

Unicodeは、(ほぼ)世界中のすべての文字、句読点、記号をカバーしています。

詳細については、完全なUnicodeリファレンスをご覧ください