JSON是一種常用的數據格式,它的優點在于易于閱讀和處理。在處理JSON字符串時,我們需要掌握一些基本的方法和技巧。
// 示例JSON數據 var jsonStr = '{"name":"張三","age":26,"gender":"male"}';
1. 將JSON字符串轉為JavaScript對象
var obj = JSON.parse(jsonStr); // 將JSON字符串轉為JavaScript對象 console.log(obj); // 輸出:{name: "張三", age: 26, gender: "male"}
2. 將JavaScript對象轉為JSON字符串
var obj = {name: "張三", age: 26, gender: "male"}; var jsonStr = JSON.stringify(obj); // 將JavaScript對象轉為JSON字符串 console.log(jsonStr); // 輸出:{"name":"張三","age":26,"gender":"male"}
3. 訪問JSON對象中的屬性值
var obj = JSON.parse(jsonStr); console.log(obj.name); // 輸出:張三 console.log(obj.age); // 輸出:26 console.log(obj.gender); // 輸出:male
4. 修改JSON對象中的屬性值
var obj = JSON.parse(jsonStr); obj.name = "李四"; var newJsonStr = JSON.stringify(obj); console.log(newJsonStr); // 輸出:{"name":"李四","age":26,"gender":"male"}
5. 使用數組存儲多個JSON對象
var jsonArray = [ {"name": "張三", "age": 20}, {"name": "李四", "age": 25}, {"name": "王五", "age": 30} ]; console.log(jsonArray[0].name); // 輸出:張三 console.log(jsonArray[1].age); // 輸出:25 console.log(jsonArray[2].name); // 輸出:王五
以上是處理JSON字符串的基本方法和技巧,掌握后可以更加方便地處理JSON數據。
上一篇用css實現超鏈接頭文件
下一篇用css實現簡單計算器