理解json、json字符串、json对象、js对象

---

前言

最近学习ajax交互，返回数据为json字符串，需要转换为json对象才能使用，这回想起json来，json、json字符串、json对象、js对象傻傻分不清楚，这里作一记录，方便理解。

---

一、Ajax的返回值

1.什么是Ajax

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）,AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

2.Ajax与json

如果得到服务器的响应，使用xhr的 responseText，将返回字符串形式的响应数据，这里需要记住，服务器返回的是一串字符串文本，如果数据是json格式的话，得到的将是json格式的字符串，简称json字符串，那么字符串是不能用js对象的方法的，因此需要转换JSON.parse()。

二、json、json字符串、json对象、js对象

1.json

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）,JSON 是轻量级的文本数据交换格式。这里记住，它只是一种数据格式而已。

• json对值与格式有严格的规定：
  • 1.对象表示为键值对，键必须加双引号，不能用单引号;
  • 2.原始值有：字符串、数值（必须以十进制表示）、布尔值、null四种，不能使用NaN, Infinity, -Infinity和undefined；复合类型的值只有数组或对象，值不能是函数、正则表达式对象、日期对象；
  • 3.数据由逗号分隔，花括号保存对象，方括号保存数组；
  • 4.数组或对象最后一个成员的后面，不能加逗号。

2.json字符串

json格式的字符串，这里记住，它是一个字符串。

3.json对象

json格式的js对象，json字符串转换为json对象就可以使用js对象的各种方法。

4.js对象

javascript里的原生对象，js里的一切事物都是对象：字符串、数字、数组、日期，等等。

三、代码示例

代码如下（示例）：

	let obj = {};//这是一个js对象
	
	let obj0 = {name:"laowang",age:66};//这也是一个js对象
	console.log(obj0.name);//输出laowang
	
	let obj1 = {"name":"laowang","age":66};//这是一个json格式的js对象,也叫json对象
	console.log(obj1.name,obj1["age"]);//输出laowang 66
	let obj11 = JSON.stringify(obj1); //将json对象转换为json字符串
	
	
	let obj2 = '{"name":"laowang","age":66}';//这是一个json字符串，它是一个字符串
	let obj22 = JSON.parse(obj2);//将json字符串转换为js对象
	console.log(obj22);//输出 {"name": "laowang","age": 66}
	console.log(obj22 == obj1);// false 存储在不同的空间
	console.log(obj11 == obj2);// true 值相同
	
	let obj3 = [{"name":"laowang","age":66},{"name":"laoli","age":88}];//这是一个json格式的数组对象,也叫json对象
	console.log(obj3[0].name,obj3[1]["age"]);//输出laowang 88
	
	let obj4 = '[{"name":"laowang","age":66},{"name":"laoli","age":88}]';//这是一个json格式的数组的字符串，是一个字符串
	let obj44 = JSON.parse(obj4);//将json字符串转换为js数组
	console.log(obj44)//输出数组[{"name": "laowang","age": 66},{"name": "laoli","age": 88}]
	console.log(obj44 == obj3);//不同的存储空间

---