首頁 > web前端 > js教程 > JSON詳細學習之JSON in JavaScript

JSON詳細學習之JSON in JavaScript

高洛峰
發布: 2016-11-25 11:30:53
原創
936 人瀏覽過

注意:只需要在前台頁面中引入對應的javascript即可測試
Js程式碼
   
  
一、在javascript中使用JSON建立一個物件
Js程式碼
//建立一個程式碼空白物件  
var JSONObject = {}   
  
//建立一個新的物件  
var JSONObject = new Object()   
  
///為包含包含一個屬性的物件,其中建立一個包含年齡{   
      "name":"kevin",   
      "age":23  ​​ 
}   
Js程式碼
var JSONObject = {   
    "name":"kevin",   
    "age":24,   
alert("JSONObject.age :"+JSONObject.age);  
二、在javascript中使用JSON創建數組對象
創建一個Student對象,裡麵包含兩個數組對象,每個數組對像中,包含Student對象的屬性。
Js代碼
var student = {   
    //第一個陣列物件Class  
    "Class":[   🎠     vin",   
            "className":"java",   
          },   
        {   
            "name":"yang",             "age":24   
        }      
    
        {   
"name":"shower",   
            "score":100   
        },   
        {   
            "name":"zheng",   
            "score":100   
        }   
    ]   
}   
  
var i=0;   
  
for (i=0;i    alert("student.Class["+i+"].name===>"+student.Class[i].name);   
  "student.Class["+i+"].className===>"+student.Class[i].className);   
    alert("student.Class["+i+"].age===>"+student .Class[i].age);   
}   
  
for(i=0;i  +student.Score[i].name);   
    alert("student.Score["+i+"].score===>"+student.Score[i].score);   
} javascript中建立訊息
Js程式碼
//create a Student Object  
var Student = {   
    "Math":[{   
"姓名":"凱文",   
            "馬克":70,   
         
            "姓名":"聰明",   
           》
        }   
],   
    「科學」:[{   
          「標記」:70,   
           「年齡」:23  ​​ 
        
"標記":40 ,   
            "age":25   
        }    
var i = 0;   
var 陣列= new Array();   
  
for(i=0;i    array.push(Student.Math[i].name);   
     .age);   
}   
  
for(i=0;i   cience[i ].mark);   
    array.push(Student.Science[i].age);   
}   
alert("陣列==>"+陣列);
//這個方法將一個JavaScript 值轉換為一個JSON 字串
alert("array.toJSONString()==>"+array.toJSONString());   
alert("String.parseJSON==>"+array. toJSONString().parseJSON());   
var data2 = array.toJSONString().parseJSON();   
if(data2 instanceof Array){   
  

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板