【青年職涯發展工作站─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>

課程綱要