【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 5 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

【青年職涯發展工作站─HTML5✕前端開發】 議程與課堂實作(第三階段)


第三階段議題-JavaScript 資料型態與資料物件
  • 瞭解 JavaScript 的基本資料型態
  • 瞭解資料物件 JSON 與相關操作:KEY/VALUE , JSON.parse , JSON.stringify
  • 透過 JSON 處理二維資料表格
完成實作

<script> 
    //***************************************************
    // title                           price       pages       sale
    //--------------------------------------------------
    //HTML5入門             650          660        false
    //JavaScript入門          750          460        false
    //CSS入門                   650          560        true
    //***************************************************
  
    //JSON 格式物件 - key:value
    var book1 = {
        "title":'HTML5入門',
        "price":650,
        "pages":660,
        "sale":false
    };     
    var book2 = {
        "title": 'JavaScript入門',
        "price": 750,
        "pages": 460,
        "sale": false
    };
    var book3 = {
        "title": 'CSS入門',
        "price": 650,
        "pages": 560,
        "sale": true
    };
    //包含三筆書籍資料
    var books = [book1, book2, book3];
    for (var i = 0; i < books.length; i++) {
        console.log(books[i].title + ' ' +
            books[i].price + ' ' +
            books[i].pages + ' ' +
            books[i].sale
            )
    }
</script>


沒有留言: