web前端javaScript笔记——（17）JSON

最新推荐文章于 2024-10-18 18:45:22 发布

Komorebi_9999

最新推荐文章于 2024-10-18 18:45:22 发布

阅读量363

点赞数 9

文章标签：前端 javascript 笔记

本文链接：https://blog.csdn.net/JLY19970726/article/details/135898333

版权

本文详细介绍了JSON在JavaScript中的概念，包括JSON对象和数组的定义，如何将JSON字符串转换为JavaScript对象（JSON.parse()），以及如何将JavaScript对象转换为JSON字符串（JSON.stringify()）。同时提到了eval()在处理JSON时的局限性和安全风险。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>

    </title>
    <style>
    
    </style>
  
    <script type="text/javascript" >
    /*如果需要兼容IE7及以下的JSON操作，则可以通过引入一个外部的js文件来处理
     */
    <script type="text/javascript" src="js/json2.js"></script>
        /*JSON
        	 * JS 中的对象只有JS自己认识，其他的语言都不认识
        	 * JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别
        	 * 并且可以转换为任意语言的对象，JSON在开发中主要用来数据的交互
        	 * JSON的本质就是字符串
        	 * 
        	 * JSON
        	 * JavaScript Object Notation JS对象表示法
        	 * JSON和JS对象的格式一样，只不过JSON字符串中的   属性名   必须加双引号
        	 * 其他的和JS语法一致
        	 * 
        	 * JSON分类：
        	 * 1.对象{}
        	 * 2.数组[]
        	 * 
        	 * JSON中允许的值：
        	 * 1.字符串
        	 * 2.数值
        	 * 3.布尔值
        	 * 4.null
        	 * 5.对象（不能是函数对象，只能是普通对象）
        	 * 6.数组
        	 */
        	//创建一个对象
        	var obj='{"name":"孙悟空","age":18,"gender":"男"}';
        	var arr='[1,2,3,"hello",true]';
        	console.log(typeof obj);   //string
        	/*将JSON字符串转换为JS中的对象
        	 在JS中，为我们提供了一个工具类，就叫JSON
        	这个对象可以帮助我们将一个JSON转换为JS对象，也可以将一个JS对象转换为JSON*/
        	console.log(JSON);    //[object JSON]
        	var json='{"name":"孙悟空","age":18,"gender":"男"}';
        	/*json---->js对象
        	 JSON.parse()
        	 可以将JSON字符串转换为js对象
        	 它需要一个JSON字符串作为参数，会将该字符串转换为JS对象并返回*/
        	var o=JSON.parse(json);
        	console.log(o);   
        	/*{
    "name": "孙悟空",
    "age": 18,
    "gender": "男"
}*/ 
           console.log(o.gender);  //男
           /*将一个对象转换为JSON*/
          var obj3={name:"猪八戒",age:28,gender:"男"};
          /*JS对象--->JSON 
           JSON.stringify()
                            可以将一个JS对象转换为JSON字符串
                            需要一个JS对象作为参数，会返回一个JSON字符串*/
                           
          var str=JSON.stringify(obj3);
          console.log(typeof str); //string
          /*JSON在IE7ji及以下的浏览器中不支持，所以会报错*/
         
          /*eval()
                          这个函数可以用来执行一段字符串形式的JS代码，并将执行结果返回
                          如果使用eval()执行的字符串中含有{}，它会将{}当成是代码块
                          如果不希望将其当成代码块解析，则需要在字符串前后各加一个（）
          eval()这个函数的功能很强大，可以直接执行一个字符串中的js代码
                          但是在开发中尽量不要使用
                         首先它的执行性能比较差，然后它还具有安全隐患                
                         
         */
                         
          var str2="alert('hello');";
          eval(str2);
          var str='({"name":"孙悟空","age":18,"gender":"男"})';
          var obj= eval("("+str+")");
          console.log(obj);
          /*{
    "name": "孙悟空",
    "age": 18,
    "gender": "男"
}*/
                         
    </script>

</head>

<body>
	
</body>

</html>