js中json的封装和解析

  • 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>

    原文作者:爱码~
    原文地址: https://blog.csdn.net/weixin_47120348/article/details/121435830
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞