JavaScript JSON数据处理全集

一时失言乱红尘 2021-11-22 23:46 284阅读 0赞

JSON 是轻量级的文本数据交换格式。

**目录**

JSON 语法

JSON 取值类型

JSON对象

JSON 数组

JSON字符串数据转对象：JSON.parse()

对象转字符串JSON数据：JSON.stringify()

--------------------

## JSON 语法 ##

JavaScript 对象表示语法的子集。

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

## JSON 取值类型 ##

*  数字（整数或浮点数）
 *  字符串（在双引号中）
 *  逻辑值（true 或 false）
 *  数组（在中括号中）
 *  对象（在大括号中）
 *  null

##  JSON对象 ##

{ "name":"boonya", "alexa":10000, "site":null }

JSON 对象使用在大括号(\{\})中书写。

对象可以包含多个 **key/value（键/值）**对。

key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。

key 和 value 中使用冒号(:)分割。

每个 key/value 对使用逗号(,)分割。

## JSON 数组 ##

[ "Google", "Tencent", "Taobao" ]
    或
    [ {"name":"Google"},{"name": "Tencent"}, {"name":"Taobao"} ]
    或
    {
     "data":[ {"name":"Google"},{"name": "Tencent"}, {"name":"Taobao"} ]
    }

JSON 数组在中括号中书写。

JSON 中数组值必须是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。

JavaScript 中，数组值可以是以上的 JSON 数据类型，也可以是 JavaScript 的表达式，包括函数，日期，及 *undefined*

## JSON字符串数据转对象：JSON.parse() ##

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

JSON.parse(text[, reviver])

参数说明：

*  **text:**必需， 一个有效的 JSON 字符串。
 *  **reviver:** 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

## 对象转字符串JSON数据：JSON.stringify() ##

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

JSON.stringify(value[, replacer[, space]])

参数说明：

*  **value:**
    
    必需， 要转换的 JavaScript 值（通常为对象或数组）。
 *  **replacer:**
    
    可选。用于转换结果的函数或数组。
    
    如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。
    
    如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。
 *  **space:**
    
    可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\\t。