Changes between Version 3 and Version 4 of HowTo/JavaScriptLanguageIntroduction

Timestamp:

Jul 31, 2010, 10:03:21 AM (15 years ago)

Author:

村山 俊之

Comment:

--

HowTo/JavaScriptLanguageIntroduction

@@ -50 +50 @@
 }}}
 
-if, for, while, switch といった処理の流れを記述するおなじみの構文や、 C言語風の演算子 (==, ++, -- など)、さらには関数呼び出し時には関数名の後ろに引数をかっこで括る書き方なども、まさに C や Java そっくりの書き方です。
+コメントの書き方も Java と同じです。 "/*" ～ "*/" で括るか、 "//" の後ろに書きます。
+
+{{{
+/*
+ * 複数行
+ * コメント
+ */
+
+alert("コメントサンプル");  // 一行コメント
+}}}
+
+その他、 if, for, while, switch といった処理の流れを記述するおなじみの構文や、 C言語風の演算子 (==, ++, -- など)、さらには関数呼び出し時には関数名の後ろに引数をかっこで括る書き方なども、まさに C や Java そっくりの書き方です。
 
  * 数値と文字列の型は曖昧
@@ -72 +83 @@
 }}}
 
+ * 複雑なデータ構造を自由に書ける
+
+C や Java がデータ構造の構成を構造体やクラスとしてあらかじめ定義しなければならないのに対し、 !JavaScript のオブジェクトはいつでも好きなだけメンバを追加できます。
+
+{{{
+// オブジェクトを作成
+var murachi = {
+    real_name = "村山 俊之",
+    real_name_kana = "ムラヤマ トシユキ",
+    birth = new Date(1978, 1, 7),
+    sex = "Female"
+};
+
+// 本名を表示
+alert("名前: " + murachi.real_name + " (読み: " + murachi.real_name_kana + ")");
+
+// オブジェクトに後からメンバを追加できる
+murachi.disp_name = "T.MURACHI";
+murachi.tall = 166;
+murachi.weight = 70;
+
+alert(murachi.disp_name + "の身長は" + murachi.tall "cm、体重は" + murachi.weight + "kg");
+}}}
+
+もちろん、メンバにオブジェクトや配列を持たせることもできますし、配列にオブジェクトを持たせることもできます。
+
+{{{
+var harapeko = {
+    name = "株式会社はらぺこ",
+    name_e = "Harapeko Inc.",
+    birth = new Date(2008, 4, 1),
+    // オブジェクトの入れ子
+    address = {
+        post_no = 2750015,
+        county = "千葉県",
+        city = "習志野市",
+        town = "鷺沼台1-8-27",
+        building = "マウント・ヴィレッヂⅠ 101"
+    },
+    // メンバに配列を追加
+    address_history = [
+        // オブジェクトの配列
+        {
+            post_no = 2760017,
+            county = "千葉県",
+            city = "八千代市",
+            town = "八千代台北1-10-11",
+            building = "マメール八千代台 502"
+        },
+        {
+            post_no = 2760017,
+            county = "千葉県",
+            city = "八千代市",
+            town = "八千代台北1-10-11",
+            building = "ファイン八千代台 502"
+        }
+    ]
+};
+
+document.write("<p>会社名: " + harapeko.name + "</p>");
+document.write("<p>創立: " + harapeko.birth.toLocaleString() + "</p>");
+document.write("<p>現住所: 〒" + harapeko.address.post_no + " " +
+    harapeko.address.county + harapeko.address.city + harapeko.address.town + " " +
+    harapeko.building + "</p>");
+
+document.write("<p>過去の住所 (古い順に):</p><ul>");
+
+for (var i = 0; i < harapeko.address_history.length; i++) {
+    var old_address = harapeko.address_history[i];
+    document.write("<li>〒" + old_address.post_no + " " +
+        old_address.county + old_address.city + old_address.town + " " +
+        old_address.building + "</li>");
+}
+
+document.write("</ul>");
+}}}