JSON详解

JSON与JS对象交互

最新推荐文章于 2025-04-23 11:49:57 发布

转载最新推荐文章于 2025-04-23 11:49:57 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuqingfamily/p/5813479.html

本文介绍JSON的基础概念及其与JavaScript对象的相互转换方法。详细解释了如何使用JSON表示数据结构，以及如何通过JavaScript内置的eval函数将JSON文本转换成JavaScript对象。

JSON：javascript对象表示法。

栗子：

var json = {
    "employees": [{
        "firstName": "Bill",
        "lastName": "Gates"
    }, {
        "firstName": "George",
        "lastName": "Bush"
    }, {
        "firstName": "Thomas",
        "lastName": "Carter"
    }]
}
console.log(json.employees[1].firstName);  //George

这个 employee 对象是包含 3 个员工记录（对象）的数组。

JSON - 转换为 JavaScript 对象

JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。

由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组

JSON 使用 JavaScript 语法

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

var employees = [{
    "firstName": "Bill",
    "lastName": "Gates"
}, {
    "firstName": "George",
    "lastName": "Bush"
}, {
    "firstName": "Thomas",
    "lastName": "Carter"
}];

可以像这样访问 JavaScript 对象数组中的第一项：

employees[0].lastName;   //Gates

可以像这样修改数据：

employees[0].lastName = "Jobs";

JSON 文件

JSON 文件的文件类型是 ".json"
JSON 文本的 MIME 类型是 "application/json"

JSON 实例

创建包含 JSON 语法的 JavaScript 字符串：

var txt = '{ "employees" : [' +
    '{ "firstName":"Bill" , "lastName":"Gates" },' +
    '{ "firstName":"George" , "lastName":"Bush" },' +
    '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

var obj = eval ("(" + txt + ")");

未完待续...

本文根据W3School JSON自行整理，如有转载，请注明：W3School : http://www.w3school.com.cn/json/index.asp 以及本博客链接！

转载于:https://www.cnblogs.com/yuqingfamily/p/5813479.html