2011年6月5日日曜日

開発環境

  • Microsoft Windows 7 Home Premium (OS)
  • Internet Explorer 9 (Webプラウザ)
  • Microsoft Visual Web Developer 2010 Express Edition (IDE)
  • Script言語:JavaScript
  • JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の5章(関数), 練習問題2を解いてみる。





5-2.

コード(Microsoft Visual Web Developer 2010 Express Editionのエディタ)

/* 問題の1から10までの整数を含む配列を引数と
して取り、その配列の内容を対応する和語(ひとつ、
ふたつ、みっつ、...)のおじ列に変換して戻す関数 */
var convertNumberToWago = function (array) {
    for (var i = 0; i < array.length; i++) {
        switch (array[i]) {
            case 1: array[i] = "ひとつ"; break;
            case 2: array[i] = "ふたつ"; break;
            case 3: array[i] = "みっつ"; break;
            case 4: array[i] = "よっつ"; break;
            case 5: array[i] = "いつつ"; break;
            case 6: array[i] = "むっつ"; break;
            case 7: array[i] = "ななつ"; break;
            case 8: array[i] = "やっつ"; break;
            case 9: array[i] = "ここのつ";break;
            case 10: array[i] = "とお"; break;
            default: array[i] = "?";
        }
    }
};

var array = [3, 5, 1];
$('#d0').append('<p>変換前</p>');
display(array);

/* 和語に変換 */
convertNumberToWago(array);
$('#d0').append('<p>和語に変換後</p>');
display(array);

/* 配列の要素を表示するための関数 */
function display(array) {
    for (var i = 0; i < array.length; i++) {
        $('#d0').append(
        '<p>index[' + i + ']='
        + array[i] + '</p>');
    }
}

合わせて読んでいる書籍。

  1. 14章でPHPとJavaScriptを組み合わせたWebアプリケーションが登場したので『初めてのPHP & MySQL 第2版』(Micbele E. Davis、Jon A. Phillips 著、西沢 直木 訳、オライリー・ジャパン、2008年、ISBN978-4-87311-365-4)
  2. JavaScriptのライブラリーを活用できるようになるために『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)
  3. JavaScript、APIを使って遊ぶために『Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニック』(Rich Gibson, Schuyler Erle 著、武舎 広幸、福地 太郎、武舎 るみ 訳、オライリー・ジャパン、2007年、ISBN978-4-87311-341-8)
  4. HTML5について学習するために『入門 HTML5』(Mark Pilgrim 著、矢倉 眞隆 監訳、水原 文 訳、オライリー・ジャパン、2011年、ISBN978-4-87311-482-8)

前の周では少しずつjQueryを使ってみたけど、今回はもっとjQueryを活用していく計画!

0 コメント:

コメントを投稿