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

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

基礎

【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入門】デフォルトのスクリプト言語を指定する方法|Content-Script-Type の使い方

JavaScriptのデフォルトスクリプト言語を指定する方法|Content-Script-Type の使い方を解説 HTMLでは複数のスクリプト言語(JavaScript、VBScript など)を …

【JavaScript入門】オブジェクト・プロパティ・メソッドとは?初心者向けに基本概念をわかりやすく解説

JavaScriptのオブジェクト・プロパティ・メソッドとは?初心者向けに基本概念をわかりやすく解説 JavaScriptは「オブジェクトベース」のスクリプト言語です。 Webページを操作するうえで欠 …

【JavaScript入門】scriptタグの基本とHTMLへの書き方を初心者向けに解説

JavaScriptをHTMLに記述する方法|scriptタグの基本と正しい書き方を初心者向けに解説 JavaScriptをWebページに組み込む方法はいくつかあります。 HTML文書内に直接記述する …

【JavaScript入門】変数の基本を解説|宣言方法・命名規則・スコープの仕組みを初心者向けに紹介

JavaScriptの変数とは?宣言方法・命名規則・スコープを初心者向けにわかりやすく解説 変数とは、値や式を一時的に保存しておくための「箱」のようなものです。 変数を使うことでコードが読みやすくなり …

【JavaScript入門】初心者向けに特徴・歴史・できることをわかりやすく解説

JavaScriptとは?初心者向けに特徴・歴史・できることをわかりやすく解説 Web制作やWebシステム開発の現場で必ず触れる機会がある JavaScript。久しぶりに触ると「こんな書き方だったっ …