數(shù)組可以使你存儲(chǔ)各種元素的列表，而且使你能夠訪問圖象、表單以及表單元素．在上次的Javascript教程中我講解了如何生成和控制按照索引號編排的數(shù)組例如：

    var an_array = new Array("hickory","dickory");
    var element_one = an_array[0];
    var element_two = an_array[1];

    an_array[2] = "doc";

    這里生成一個(gè)新數(shù)組，并用兩個(gè)字符串進(jìn)行了初始化．第１個(gè)元素可以用其索引號０進(jìn)行訪問，而第２個(gè)元素則可以用其索引號１進(jìn)行訪問an_array[1]．你可以通過添加數(shù)組索引號加長數(shù)組的長度．在本例中我加入了第３個(gè)元素，使其值等于 "doc"．現(xiàn)在該數(shù)組中包含"hickory,dickory, doc"３個(gè)元素．

    相關(guān)數(shù)組和上面的數(shù)組相同，但它不使用數(shù)字做索引，而是用單詞來做索引．

    var phone_book = new Array();

    phone_book["sleepy"] = "(203) 555-1234";
    phone_book["happy"] = "(203) 555-2345";

    這段代碼生成一個(gè)電話號碼簿，你輸入"happy"就可以訪問相應(yīng)的電話號碼：

    var happy_number = phone_book["happy"];

    執(zhí)行相關(guān)數(shù)組的例子看看它如何工作，同時(shí)再溫習(xí)一下javascript中表單的使用方法．

     Name:  Happy Sleepy Sneezy Sleazy Sneery Bleary Tweaked

     Number: 

    這個(gè)例子比較復(fù)雜，我們來慢慢研究它．首先我們看一看電話號碼簿本身．它定義為phone_book，有７條輸入項(xiàng)：

    var phone_book = new Array();

    phone_book["happy"] = "(203) 555-1234";

    phone_book["sleepy"] = "(203) 555-2345";

    phone_book["sneezy"] = "(203) 555-4321";

    phone_book["sleazy"] = "(203) 555-3245";

    phone_book["sneery"] = "(203) 555-3213";

    phone_book["bleary"] = "(203) 555-2365";

    phone_book["tweaked"] = "(203) 555-1664";

    每條記錄的關(guān)鍵字是小矮人的名字，而每條記錄的值就是該小矮人的電話號碼．假設(shè)我們需要找到某個(gè)小矮人的電話號碼，例如Sneezy的電話號碼，我們這樣寫：

    var the_number = phone_book["sneezy"];

    現(xiàn)在我們看看這個(gè)表單：

    <form name="the_form">
        <b>Name:</b>
        <select onChange = "displayNumber(phone_book,this.options[selectedIndex].value);">
            <option value="happy">Happy</option>
            <option value="sleepy">Sleepy</option>
            <option value="sneezy">Sneezy</option>
            <option value="sleazy">Sleazy</option>
            <option value="sneary">Sneery</option>
            <option value="bleary">Bleary</option>
            <option value="tweaked">Tweaked</option>
        </select>

        <p>
        <b>Number:</b>
        <input type="text" name="number_box" value="">
    </form>

    注意表單和表單內(nèi)的元素都有名稱，這樣以來便于我們讀取和寫入表單元素．

    注意select標(biāo)簽中的onChange處理器的用法：當(dāng)所選擇的選項(xiàng)變化時(shí)，它就調(diào)用函數(shù)displayNumber，該函數(shù)已做了定義．如果我在下拉選單中選擇了sneezy，則表達(dá)式this.options [selectedIndex].value 返回"sneezy"，如果你對該部分的內(nèi)容不熟悉，請先閱讀上次的javascript初級教程－第五課的內(nèi)容．

    確定了用戶所選擇的選項(xiàng)之后，我們進(jìn)入函數(shù)displayNumber：

    function displayNumber(phone_book, entry)
    {
        var the_number = phone_book[entry];
        window.document.the_form.number_box.value = the_number;
    }

    它使用了兩個(gè)參數(shù)－一個(gè)電話號碼簿和一個(gè)名稱，在函數(shù)第1行中，

    你可以看到相關(guān)數(shù)組是將一個(gè)字符串連接到另一個(gè)字符串的好辦法．你可以利用相關(guān)數(shù)組將名字連接到電話號碼，密碼，生日以及其他各種資料．在之后的課程中我將向你們介紹利用相關(guān)數(shù)組可以做的各種有用的技巧．

最新評論