JavaScript对象与Json的联系

Posted 2022-01-25 ZSYL

【JQuery】javascript 对象

• JavaScript对象
• • 1. JavaScript对象的介绍
  • 2. JavaScript创建对象操作
  • 3. 小结
• Json
• • 1. json的介绍
  • 2. json的格式
  • 3. json数据转换成JavaScript对象
  • 4. 小结

JavaScript对象

---

1. JavaScript对象的介绍

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数等都可以认为是对象，此外，JavaScript 允许自定义对象，对象可以拥有属性和方法。

2. JavaScript创建对象操作

创建自定义javascript对象有两种方式:

• 通过顶级Object类型来实例化一个对象
• 通过对象字面量创建一个对象

Object 类创建对象的示例代码:

<script>
     var person = new Object();
 
     // 添加属性：
     person.name = 'tom';
     person.age = '25';
 
     // 添加方法：
     person.sayName = function()
         alert(this.name);
     
 
     // 调用属性和方法：
     alert(person.age);
     person.sayName();
 </script>

** 对象字面量创建对象的示例代码: **

 <script>
     var person2 = 
         name:'Rose',
         age: 18,
         sayName:function()
             alert('My name is' + this.name);
         
     
 
     // 调用属性和方法：
     alert(person2.age);
     person2.sayName();
 </script>

说 明:

调用属性和方法的操作都是通过点语法的方式来完成，对象的创建推荐使用字面量方式，因为更加简单。

3. 小结

创建自定义javascript对象有两种方式:

• Object
• 字面量

• JavaScript对象:
  • 1.通过顶级Object类型实例化一个对象
  • 2.通过字面量创建一个自定义对象

var oPerson = new Object();
oPerson.name = 20;
// 添加方法
oPerson.show = function()
	alert("Hello!")
;
oPerson.show();
// 2.字面量创建自定义的对象
var oStudent = 
	// 属性
	name: "王五",
	age: 20,
	// 方法
	show:function()
		alert("你好!")
	

// 调用属性和方法
alert(person2.age);
person2.sayName();

Json

---

1. json的介绍

Json是 JavaScript Object Notation 的首字母缩写，翻译过来就是javascript对象表示法，这里说的json就是 类似于javascript对象的字符串，它同时是一种 数据格式，目前这种数据格式比较流行，逐渐替换掉了传统的xml数据格式。

2. json的格式

json有两种格式：

1. 对象格式
2. 数组格式

对象格式:

对象格式的json数据，使用一对大括号()，大括号里面放入key:value形式的键值对，多个键值对使用逗号分隔。

对象格式的json数据:

    "name":"tom",
    "age":18

格式说明:

json中的(key)属性名称和字符串值需要用 双引号引起来，用单引号或者不用引号会导致读取数据错误。

数组格式:

数组格式的json数据，使用一对中括号([])，中括号里面的数据使用逗号分隔。

数组格式的json数据:

["tom",18,"programmer"]

实际开发的json格式比较复杂,例如:

   "name":"jack",
   "age":29,
   "hobby":["reading","travel","photography"]
   "school":
       "name":"Merrimack College",
       "location":"North Andover, MA"
   

3. json数据转换成JavaScript对象

json 本质上是字符串，如果在js中操作json数据，可以将json字符串转化为JavaScript对象。

示例代码:

var sJson = '"name":"tom","age":18';
 var oPerson = JSON.parse(sJson);
 
 // 操作属性
 alert(oPerson.name);
 alert(oPerson.age);

4. 小结

• json就是一个javascript对象表示法，json本质上是一个字符串。
• json有两种格式：1. 对象格式, 2. 数组格式

• json：就是类似于JavaScript对象的字符串，本质上就是一个字符串，同时还一种数据格式

• web开发的时候经常使用json数据格式

• json的数据格式有两种:

  1. 对象格式: 最外层的表现形式是一对大括号，key名和字符串数据都要使用双引号
  2. 数组格式: 最外出的表现形式是一对中括号，每项数据之间使用逗号进行分隔

• var sJson1 = '"name":"李四", "age":20';

• var oPerson = JSON.parse(sJson1);：把json数据转成JavaScript对象

• web服务器把json数据给浏览器，当js解析json数据的时候为了方便，把json数据解析成一个javascript对象

• 扩展: 浏览器给python服务器的json数据，python服务器程序可以解析成字典或者列表

---

加油!

感谢!

努力!