JavaScript：JSON 和 JS 对象

Miracle 发布于2019-08-19 18:46 / 963人阅读

摘要：独立于语言和平台，解析器和库支持许多不同的编程语言。数据转换数据转换为对象解析器函数创建包含语法的字符串使用解析器，解析文本并生成对象使用函数时，必须为传入的数据参数添加括号，否则会报语法错误。

区别

JSON（JavaScript Object Notation）仅仅是一种数据格式（或者叫数据形式）。数据格式其实就是一种规范，按照这种规范来存诸和交换数据。就好像 XML 格式一样。

区别	Json	Javascript对象
含义	仅仅是一种数据格式	对象的实例
传输	可以跨平台数据传输，速度快	不能传输
表现	1. 键值对 2. 键必须加双引号 3. 值不能为方法函数/undefined/NaN	1.键值对 2.值可以是函数、对象、字符串、数字、boolean 等
相互转换	Json → JS 对象： 1. var obj = JSON.parse(jsonstring); 2. var obj = eval("("+jsonstring+")");	JS 对象 → Json： JSON.stringify(obj);

JSON 文本格式在语法上与创建 JavaScript 对象的代码相同，但本质是不同的。我们不能把以下的对象叫 JSON，比如：

var obj1 = {}; // 这只是 JS 对象

// 可把这个称做：JSON 格式的 JavaScript 对象 
var obj2 = {"width":100,"height":200,"name":"rose"};

// 可把这个称做：JSON 格式的字符串
var str1 = "{"width":100,"height":200,"name":"rose"}";

// 这个可叫 JSON 格式的数组，是 JSON 的稍复杂一点的形式
var arr = [
    {"width":100,"height":200,"name":"rose"},
    {"width":100,"height":200,"name":"rose"},
    {"width":100,"height":200,"name":"rose"},
];
        
// 这个可叫稍复杂一点的 JSON 格式的字符串     
var str2="["+
    "{"width":100,"height":200,"name":"rose"},"+
    "{"width":100,"height":200,"name":"rose"},"+
    "{"width":100,"height":200,"name":"rose"},"+
"]";

但 JSON 和 JavaScript 确实存在渊源，JSON 本身的意思就是 JavaScript 对象表示法（JavaScript Object Notation），可以说这种数据格式是从 JavaScript 对象中演变出来的。JSON 语法是 JavaScript 对象表示法语法的子集。

JSON 格式的数据，主要是为了跨平台交流数据用的。JSON 独立于语言和平台，JSON 解析器和 JSON 库支持许多不同的编程语言。

语法

1、JSON 语法规则：

数据在名称/值对中

数据由逗号分隔

花括号保存对象

方括号保存数组

2、JSON 数据值：

数字（整数或浮点数）

字符串（在双引号中）

逻辑值（true 或 false）

数组（在方括号中）

对象（在花括号中）

null

JSON 数据结构有两种，这两种结构就是对象和数组，通过这两种结构可以表示各种复杂的结构。
JSON 使用严格的 JavaScript 对象表示法来表示结构化的数据，因此 JSON 的属性名必须有双引号。

{
    "company": "Apple",
    "age": 18,
    "IPO", true,
    "employees": [
        { "firstName":"John" , "lastName":"Doe" }, 
        { "firstName":"Anna" , "lastName":"Smith" }, 
        { "firstName":"Peter" , "lastName":"Jones" }
    ]
}

数据转换 JSON 数据转换为 JS 对象

1、JS 解析器：eval() 函数

// 创建包含 JSON 语法的 JavaScript 字符串
var txt = "{ "employees" : [" +  
"{ "firstName":"John" , "lastName":"Doe" }," +  
"{ "firstName":"Anna" , "lastName":"Smith" }," +  
"{ "firstName":"Peter" , "lastName":"Jones" } ]}";

//使用 JS 解析器，解析 JSON 文本并生成 JS 对象
var obj = eval("(" + txt + ")");

使用 eval() 函数时，必须为传入的 JSON 数据参数添加括号"()"，否则会报语法错误。

2、解析器：parse()函数

但 eval() 的问题在于，除了可以解析 JSON 数据，也可以用于执行 JavaScript 脚本片段，这就会带来潜在的安全问题。JSON 提供了专门的 JSON Parser 来实现只用于解析 JSON 数据，不会执行 JavaScript 脚本，而且速度更快。如下：

var obj = JSON.parse(txt);

较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。

JS 数据转换为 JSON 文本

使用 JSON.strigify() 函数，将 Javascript 对象转换为 JSON 文本数据。

var obj = {a:1,b:2}
var txt = JSON.stringify(obj);
console.log(txt);
结果：
"{"a":1,"b":2}"

GPU云服务器云服务器 javascript类和对象 js拼接json对象 js增加json对象 js json 对象添加数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79988.html

JavaScript对象和JSON

摘要：，指的对象表示法，它本身是个字符串，是一种数据交换格式，并非对象。字符串必须使用双引号表示，不能使用单引号。数组或对象最后一个成员的后面，不能有逗号。不合法的会在解析成对象时，出现错误。替代方法对象下虽然提供了完整的字符串和对象的转换方法。 JSON(JavaScript Object Notation)，指JavaScript的对象表示法，它本身是个字符串，是一种数据交换格式，并非对...

wuyumin 2019-08-21 15:29 评论0 收藏0
JavaScript JSON——“语法、解析与序列化”的注意要点

摘要：对象对象作为一种复杂的数据类型，表示的是一组有序的键值对。解析与序列化对象流行的最主要的原因是因为数据结构可以解析为的对象。为了改变序列化对象的结果，函数返回值就是相应键的值。否则按照默认顺序执行序列化。语法 JSON可以表示一下三种类型的值：简单值：使用与js相同的语法可以在json中表示字符串、数值、布尔值和null。但是json不支持js的undefined。对象：对象作...

琛ｈ。 2019-08-19 17:39 评论0 收藏0
【重温基础】16.JSON对象介绍

摘要：系列目录复习资料资料整理个人整理重温基础篇重温基础对象介绍本章节复习的是中的关于对象相关知识。概念概念有三点全称对象表示法。对象没有分号，而对象有。序列化对象时，所有函数及原型成员都会被忽略，不体现在结果上。本文是重温基础系列文章的第十六篇。今日感受：静。系列目录：【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) 【重温基础】1-14篇【重温基础】15...

0x584a 2019-08-23 14:48 评论0 收藏0
JavaScript系列--浅析JavaScript解析赋值、浅拷贝和深拷贝的区别

摘要：它将返回目标对象。有些文章说是深拷贝，其实这是不正确的。深拷贝相比于浅拷贝速度较慢并且花销较大。拷贝前后两个对象互不影响。使用深拷贝的场景完全改变变量之后对没有任何影响，这就是深拷贝的魔力。一、赋值（Copy）赋值是将某一数值或对象赋给某个变量的过程，分为： 1、基本数据类型：赋值，赋值之后两个变量互不影响 2、引用数据类型：赋址，两个变量具有相同的引用，指向同一个对象，相互之间有...

laznrbfe 2019-08-26 13:48 评论0 收藏0
前端_JavaScript_面向对象编程

摘要：面向对象编程对象的原生方法分成两类自身的方法静态方法和的实例方法。的静态方法方法与，参数是对象，返回一个数组，数组的值是改对象自身的所有属性名区别在于返回可枚举的属性，返回不可枚举的属性值。面向对象编程 Objects对象的原生方法分成两类：Object自身的方法(静态方法)和Object的实例方法。注意Object是JavaScript的原生对象，所有的其他对象都是继承自Objec...

Blackjun 2019-08-23 15:15 评论0 收藏0