現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

基礎

【JavaScript入門】基本書式と記述ルールまとめ|命名規則・文字列・数値・セミコロンの使い方

投稿日:2019年4月8日 更新日:

JavaScriptの基本書式と記述ルールまとめ|初心者が知っておくべき注意点を解説

JavaScriptを書くときには、基本的な書式や命名ルール、文字列の扱いなど、知っておくべきポイントがいくつかあります。これらを理解しておくと、エラーを防ぎ、読みやすいコードを書くことができます。



半角文字で記述する

JavaScriptでは、基本的に半角の英数字と、次のような記号を使用します。

  • { }(中カッコ)
  • ( )(小カッコ)
  • " "(ダブルクォーテーション)
  • ' '(シングルクォーテーション)

ただし、文字列として扱う場合は " "' ' で囲むため、全角文字も問題なく使用できます。

大文字と小文字は区別される

JavaScriptは大文字と小文字を区別する言語です。たとえば、次の2つは別物として扱われます。

// 正しい例
document.write(“こんにちは”);

// 間違い(エラーになる)
document.Write(“こんにちは”);

変数名や関数名も同様で、myDaymyday は別の変数として扱われます。スペルミスには特に注意しましょう。



命名規則(変数名・関数名)

変数名や関数名には、次のルールがあります。

  • 使用できる文字:半角英字(a〜z、A〜Z)、数字(0〜9)、_(アンダーバー)、$(ドル記号)
  • 先頭に数字は使えない
  • 予約語は使用できない

予約語とは、JavaScriptの仕様で特別な意味を持つキーワードのことです。変数名として使うことはできません。

JavaScriptの予約語一覧

abstract boolean break byte case catch char
class const continue debugger default delete do
double else enum export extends false final
finally float for function goto if implements
import in instanceof int interface long native
new null package private protected public return
short static super switch synchronized this throw
throws transient try true typeof var void
volatile while with

改行とセミコロン

JavaScriptでは、命令文の区切りに ;(セミコロン)を使います。

  • 1行に1つの命令なら省略しても動作する
  • 複数の命令を1行に書く場合は必須

例:2つの命令を1行にまとめた場合

today = new Date(); t = today.getDate();

逆に、1つの命令が長くなる場合は途中で改行しても問題ありません。

document.write(“訪問済みリンクの色は”
+ document.vlinkColor + “です。”);

数値の扱い

JavaScriptで扱える数値は次のとおりです。

  • 整数(例:1、-2)
  • 浮動小数点数(例:2.145)
  • 16進数(例:0xff
  • 8進数(例:0 から始まる)

文字列の扱い

文字列は " " または ' ' で囲みます。数字であっても、囲めば文字列として扱われます。

タグを文字列として出力する場合も、同様にクォーテーションで囲みます。

today = new Date();
t = today.getDate();
document.write(“こんにちは。いいお天気ですね。”);
document.write(‘今日は<b>’ + t + ‘</b>日です。’);

また、writewriteln では、カンマ区切りで複数の文字列を渡すと連結されて出力されます。

論理値(Boolean)

論理値は true(真)または false(偽)で、条件分岐などで使用されます。

その他の値

  • null:値が存在しないことを示す
  • undefined:値が未定義であることを示す



関連リンク

-基礎
-

執筆者:

関連記事

【JavaScript入門】色の指定方法まとめ|16進数・色名・CSS指定の違いを初心者向けに解説

JavaScriptで色を指定する方法|16進数・色名・CSS指定を初心者向けに解説 JavaScriptで色を指定する方法は、HTML/CSS と同様に複数あります。代表的なのは次の2つです。 16 …

【JavaScript入門】関数の基本|定義方法・引数・return・呼び出し方を初心者向けに解説

JavaScriptの関数とは?定義方法・引数・return・呼び出し方を初心者向けに解説 JavaScriptでは、繰り返し使う処理をひとまとめにして再利用できるようにしたものを関数と呼びます。関数 …

【JavaScript入門】Ajaxとは?仕組み・特徴・XMLHttpRequestを初心者向けにわかりやすく解説

Ajaxとは?仕組み・特徴・JavaScriptとの関係を初心者向けにわかりやすく解説 近年、JavaScriptが再び注目を集めている理由のひとつが Ajax(エイジャックス) の普及です。 Goo …

【JavaScript入門】breakとcontinueの使い方|ループ処理を制御する基本構文を初心者向けに解説

JavaScriptのbreakとcontinueの使い方|繰り返し処理を制御する基本構文を解説 JavaScriptの繰り返し処理(for / while / do…while)や sw …

【JavaScript入門】繰り返し処理の基本|for文・while文・do…while文の使い方を初心者向けに解説

JavaScriptの繰り返し処理|for文・while文・do…while文を初心者向けに解説 JavaScriptで同じ処理を繰り返したい場合は、for文 と while文 を使います …