Js json、字符串、对象之间的关系

柔光的暖阳◎ 2022-06-06 12:06 214阅读 0赞

**本文仅用于博主学习记录，与分享，如有雷同纯属巧合，谢谢!**

本文主要描述Js 中常用的字符串，json,数组 其中的一些方法，以及会显示的结果，另外JS中还包含其他很多方法，不一一列举：

下面主要是通过html讲述 她们之间的关系。

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>测试JQuery信息</title>
    	</head>
    	<script type="text/javascript" src="../resource/js/jquery-3.2.1.min.js"> </script>
    	<script type="text/javascript" >
    		// 数组 
    		var arr = new Array();//  定义数组  或者  var arr = [] 
    		console.log("数组初始化:"+arr);
    		arr.push("arr1","arr2","arr3","arr4");  // 数组加数据
    		console.log("arr:"+arr);   //  结果： arr:arr1,arr2,arr3,arr4
    		console.log(" ");
    		
    		// Json
    		var json = {};     // 定义 JSon
    		console.log("Json初始化: "+json);  // 结果:Json初始化:[object Object]
    		json["name"] = "Ben";
    		json["age"] = 12;
    		console.log("Json取值: "+json.name +":"+json.age);   // 结果:Json取值: Ben:12
    		
    		// 定义对象
    		var object = new Object();  
    		console.log("Object初始化: "+object);  // 结果： Object初始化: [object Object]
    		object.name = "Ben";
    		object.age = 12;
    		console.log("对象Object: "+object.name +"："+object.age);  // 结果:  对象Object: Ben：12
    		
    		// 定义Json 数组
    		var jsonArr = [];
    		jsonArr.push(json);
    		console.log("Json数组jsonArr: "+jsonArr[0].name );  // 结果：Json数组jsonArr: Ben
    		
    		// 定义Json 对象
    		var objArr = [];
    		objArr.push(object);
    		console.log("Json对象objArr: "+objArr[0].name);  // 结果： Json对象objArr: Ben
    		
    		console.log("Json转String  " + JSON.stringify(object));  // 结果：Json转String  {"name":"Ben","age":12}
    		var str = JSON.stringify(object);
    		console.log("String转Json " + JSON.parse(str));  // 结果：String转Json [object Object]
    		
    		 
    		
    	</script>
    </html>

Js中还有很多其他奇妙的用法，大家多多探讨