- json
是轻量级的数据交互格式,是独立的语言,用于数据存储和传输的格式,通常是服务器后台和前台进行交互,
js处理json数据是不需要第三方处理,json本身就是js语法, - 前端json
1 前端的json数据其实就是对象或是数组,转化成字符串格式发送给后台,
2 将后台传送过来的json数据转化成普通数据
json转js使用的方法
1 json.parse(后台数据)
json解析能把json字符串转化成js数据类型
2 json.stringify(前台数据)
序列化 json封装 能把js数据类型转化成json字符串
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>前端json</title>
</head>
<body>
<script> /* json封装和解析 JSON.parse() 解析 将后台json数据转化成js数据 JSON.stringify() 封装将js类型变成json字符串 循环遍历 for in适合遍历 对象 他遍历的是key 是索引 for of 是和遍历数组 遍历的是具体的值 * */ var jos = '{"name":"张三","age":"18" }'; // 创建json字符串 //js对象 var obj = { name:'rudy', age:'18' }; var javajson = '{"user":[{"name":"张三"},{"name":"李四"}],"age":["18","20"]}'; console.log(typeof jos); console.log(typeof obj); console.log(obj.age); var jsonstr = JSON.stringify(obj); console.log(jsonstr); var javajs = JSON.parse(javajson); console.log(javajs); console.log(javajs.user); console.log(javajs.age); console.log("首先遍历对象 for in "); //首先遍历对象 for in let keys = Object.keys(obj); console.log("输出所有key:"+keys); for(var str in obj){ console.log(str); console.log(obj[str]); }; //用for of 遍历数组 console.log("输出for of "); for(var arr of javajs.user ){ console.log(arr);//输出每一个值 } </script>
</body>
</html>