1. 程式人生 > >使用JavaScript操作JSON物件

使用JavaScript操作JSON物件

在頁面中例項化JSON物件

  • 在JavaScript之中專門支援JSON的資料操作,而且對於JSON的支援操作有兩種

    • 可以直接定義JSON物件
    • 可以利用eval()函式實現字串轉換為JSON物件的處理操作
  • 在程式裡面如果JSON資料不以字串的形式處理,那麼就表示一個JSON物件

  • 示例:在頁面中使用JSON物件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <
title>Javascript_json</title> <script type="text/javascript"> var jsonobj = {"name":"Maoshu","age":22,"sex":"男"} alert("姓名:"+jsonobj.name+"年齡:"+jsonobj.age+"性別:"+jsonobj.sex); </script> </head> <body> </body> </html>

在這裡插入圖片描述

  • 實際上在JSON裡面除了可以定義一些資料之外,也可以定義函式
  • 示例:在JSON中定義函式
    <script type="text/javascript">
        var jsonobj = {
            "name":"Maoshu",
            "age":22,
            "sex":"男",
            "add":function(x,y){
                return x+y;
            }
        };
        alert(jsonobj.add(10,20));

    </script>
  • 頁面執行結果

在這裡插入圖片描述

  • 那麼除了這些之外也可以定義陣列
  <script type="text/javascript">
        var jsonobj = {
            "name":"Maoshu",
            "age":22,
            "sex":"男",
            "add":function(x,y){
                return x+y;
            }
            //定義陣列
            "skill":["java","Oracle","Photoshop"]
        };
        for (var i = 0; i < jsonobj.skill.length; i++) {
            alert(jsonobj.skill[i]);
        }

    </script>
  • 這種物件的定義形式往往出現在一些資料的傳輸配置上.