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


沒有留言: