JavaScript - データ

データ型	値(リテラル)の例
数値型	12, -3.14, 5.67e8
文字列型	"Hello", "こんにちは", ""(空文字)
ブーリャン型	true (真), false (偽)
オブジェクト型	Date (表現は、文字列になることもあります)

上記のデータをまとめてあつかえる "配列型"もあります。

Top

■変数


 var 変数名;

 var 変数名 = 初期値;

変数名は、英数字(最初の文字は英字)でつけます。

■例題

変数を使うサンプル "HelloWorld02.html" です。


 <!-- HelloWorld02.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     var message = "Hello World!"; // 文字列
     document.write(message);
 
     var number = 123456;          // 数値
     document.write(number);
 
     var bool = true;              // ブーリャン
     document.write(bool);
 
     var today = new Date();       // オブジェクト
     document.write(today);
 
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

■実習

上記の変数を使うサンプル "HelloWorld02.html" は、改行されていません。改行タグも変数を使って、改行してください。("HelloWorld03.html" )


 <!-- HelloWorld03.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     var br = "<br/>";             // 改行タグ
 
     // ここにコードを記述してください。
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

■プロンプトからデータを受け取る

 prompt(メッセージ, 初期値) ... 文字列が戻ります。

 parseInt(prompt(メッセージ, 初期値))
                    ... 整数値が戻ります。整数値にならない場合、"NaN" になります。

 Number(prompt(メッセージ, 初期値))
                    ... 数値が戻ります。数値にならない場合、"NaN" になります。

■例題

プロンプトを使うサンプル "Prompt01.html" です。


 <!-- Prompt01.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     var s = prompt("文字列を入力してください。", "");
     document.write(s);
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

■実習

プロンプトから整数値を入れるHTMLファイル "Prompt02.html" を作成してください。


 <!-- Prompt02.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     // ここにコードを記述してください。
     document.write(n);
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

JavaScript - データ

■ページ目次

■データの扱い

■データ型

■変数

■例題

■実習

■プロンプトからデータを受け取る

■例題

■実習