JavaScript 对象与 JSON 的核心区别及转换方法

简介

JSON 与 JavaScript 对象的区别

JSON 全称为 JavaScript Object Notation，是一种轻量级的数据交换格式，广泛应用于服务器与 JavaScript 之间的数据交互。与 XML 和 YAML 类似，JSON 用于在不同编程语言间传递结构化信息。而 JavaScript 对象则是 JS 语言中的一种内置数据类型，类似于 PHP 中的数组或 C++ 中的类与结构体。

定义 JSON 与 javascript 对象

在 JavaScript 中定义对象时，属性名可以选择不加双引号，但如果属性名包含特殊字符（如感叹号、if 等保留字或非法标识符），则必须使用双引号包裹。相比之下，定义 JSON 字符串时，属性名强制要求使用双引号，这是 JSON 格式的规范要求。

代码示例：

1.定义javascript对象

var obj={name:"tudouya","sex":"man"}; #两个属性可以加双引号也可以不加
var obj={"!":"hello world"}; #属性名包含特殊字符时必须加双引号

var jsonString={"name":"tudouya"}; #定义JSON时必须加双引号

JavaScript 对象转换为 JSON

javascript对象转换为JSON

1.javascript对象转换为JSON

JavaScript 提供了内置函数 JSON.stringify()，用于将 JavaScript 对象序列化为 JSON 字符串。

var obj={name:"tudouya",sex:"man"};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##输出结果为：{"name":"tudouya","sex":"man"}

在将 JavaScript 对象转换为 JSON 字符串时，需要注意以下特殊属性的处理规则：

如果对象中包含值为函数或日期的属性，JSON.stringify() 会忽略值为函数的属性（即不输出该属性），而会将值为日期的属性自动转换为 ISO 格式的字符串。

代码示例：

var obj={
name:"tudouya",
birthday:new Date(),
action:function (){
document.write("walk");
 }
};
var jsonObj=JSON.stringify(obj);
console.log(jsonObj);
##输出结果为：{"name":"tudouya","birthday":"2014-08-12T10:05:00.497Z"}

JSON 的解析方法

javascript中解析JSON

在早期 JavaScript 版本中，开发者常使用 eval() 函数来解析 JSON 字符串，但这存在安全风险且效率较低。ECMAScript 5 引入了更安全的解析函数 JSON.parse()。

该函数使用简单，接收一个 JSON 字符串并返回对应的 JavaScript 对象。通过 typeof 运算符检查其返回类型，结果为 Object。需要注意的是，JSON.parse() 仅支持 ECMAScript 5 及以后的环境。对于不支持该方法的旧版浏览器，可以引入 json2.js 库进行兼容。若使用 jQuery 框架，也可调用 jQuery.parseJSON() 方法，其内部同样调用了 JSON.parse()。关于使用 eval() 解析 JSON 的具体细节，将在后续深入学习中补充。

关于 JSON 对象的常见误区

一个很重要的概念

作为前端开发者，常听到“JSON 对象”这一说法，但这其实是一个误区。JSON 本身只是一种数据交换格式，其真正的表现形式是字符串，并不存在所谓的“JSON 对象”这一数据类型。