JavaScript 言語には、どのようなスクリプトにも共通して使用される基本的な構成体が含まれています。実践的な演習を通じて、値を格納する方法と取得する方法、ロジックを作成する方法、配列に繰り返し処理を行う方法、そして関数を作成する方法を学びましょう。これらはどれも、JavaScript でカスタム・コードを作成する上の基礎となります。

Kris Hadlock, Web Developer/Designer, Studio Sedition

Photo of Kris HadlockKris Hadlock は、1996年から契約 Web 開発者および設計者として、SPIN Magazine、IKEA、United Airlines、JP Morgan Chase、GoDaddy Software、Fire Mountain Gems などの企業のプロジェクトを手掛けてきました。著書には『Ajax for Web Application Developers』(Sams)、『The ActionScript Migration Guide』(New Riders) があります。また、コラムニストおよびライターとしても、Peachpit.com、InformIT.com、Practical Web Design magazine などの数々の Web サイトや設計関連の雑誌で活躍しています。彼は、フォームと関数の融合を専門とする Web 設計およびソフトウェア開発会社、www.studiosedition.com の創始者でもあります。



2011年 12月 02日

この連載について

これらの演習と解答は、developerWorks のナレッジ・パス「A comprehensive guide to JavaScript」の一部として公開された記事「JavaScript 言語入門: JavaScript 言語の基礎」と「JavaScript 言語入門: 第 2 回 イベント、cookie、タイミング、その他」を補完するものです。以下の演習に取りかかる前に、これらの記事を読んでおくことをお勧めします。

この記事の演習では以下の内容を取り上げます。

  • 変数を作成して使用する
  • 数学演算子を使用する
  • 代入演算子を使用する
  • 比較演算子を使用する
  • 配列を作成して使用する
  • ループを作成し、配列に対して繰り返し処理を行う
  • 関数を作成して使用する

この記事で説明する演習を実際に行うためには、HTML エディターと、作成した JavaScript をテストするためのインターネット接続または localhost 環境が必要です。

演習 1: 変数を作成する

変数は、あらゆるプログラミング言語のビルディング・ブロックであり、スクリプトの中で情報を格納する手段、そして後からその情報を取得する手段となります。この演習では、以下のタスクを実行してください。

  • var キーワードを使用して変数を作成し、その変数の値を document.write 関数を使用して取得する

演習 2: 演算子を使用する

演算子は JavaScript で演算を行う場合に必要です。演算には、加算、減算、比較などがあります。この演習では、以下のタスクを実行してください。

  • 数学演算子を使用して基本的な数学演算を実行し、その演算を変数値として使用する
  • 比較演算子を使用して変数と変数の値の間の関係を判断する

演習 3: 配列を作成し、ループを使用して配列の値に対して繰り返し処理を行う

1 つの変数に複数の値を格納するためには配列を使用します。ループを使用すると、配列に対して繰り返し処理を行って配列の値にアクセスすることができます。この演習では、以下のタスクを実行してください。

  • 配列を作成し、その配列に値を代入する
  • for ループを作成し、そのループを使用して配列に対して繰り返し処理を行う

演習 4: 関数を作成し、パラメーターを受け付け、値を返す

関数はスクリプトを含み、そのスクリプトを使用することによって特定のタスクを処理することができます。関数を使用すると、いつでもその関数に含まれるスクリプトを実行し、その関数のタスクを実行することができます。この演習では、以下のタスクを実行してください。

  • increase という名前のカスタム関数を作成する
  • _num という名前の関数パラメーターを含める
  • そのパラメーターの値に加算を行い、新しい値を返す

演習の解答

このリンク先の解答を見ながら皆さんの演習の結果をチェックしてください。

参考文献

コメント

developerWorks: サイン・イン

必須フィールドは(*)で示されます。


IBM ID が必要ですか?
IBM IDをお忘れですか?


パスワードをお忘れですか?
パスワードの変更

「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 ご使用条件を読む

 


お客様が developerWorks に初めてサインインすると、お客様のプロフィールが作成されます。会社名を非表示とする選択を行わない限り、プロフィール内の情報(名前、国/地域や会社名)は公開され、投稿するコンテンツと一緒に表示されますが、いつでもこれらの情報を更新できます。

送信されたすべての情報は安全です。

ディスプレイ・ネームを選択してください



developerWorks に初めてサインインするとプロフィールが作成されますので、その際にディスプレイ・ネームを選択する必要があります。ディスプレイ・ネームは、お客様が developerWorks に投稿するコンテンツと一緒に表示されます。

ディスプレイ・ネームは、3文字から31文字の範囲で指定し、かつ developerWorks コミュニティーでユニークである必要があります。また、プライバシー上の理由でお客様の電子メール・アドレスは使用しないでください。

必須フィールドは(*)で示されます。

3文字から31文字の範囲で指定し

「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 ご使用条件を読む

 


送信されたすべての情報は安全です。


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=60
Zone=Web development
ArticleID=776896
ArticleTitle=演習: JavaScript 入門
publish-date=12022011