JSON.stringify 函数 (JavaScript)讲解

soゝso 2016-08-22 18:34:55 3379
分享到:

将 JavaScript 值转换为 JavaScript 对象表示法 (Json) 字符串。


语法

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

参数

 value:必需。 要转换的 JavaScript 值(通常为对象或数组)。
 replacer:可选。 用于转换结果的函数或数组。

 如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。 使用返回值而不是原始值。 如果此函数返回 undefined,则排除成员。 根对象的键是一个空字符串:""。

 如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。 成员的转换顺序与键在数组中的顺序一样。 当 value 参数也为数组时,将忽略 replacer 数组。

 space:可选。 向返回值 JSON 文本添加缩进、空格和换行符以使其更易于读取。

如果省略 space,则将生成返回值文本,而没有任何额外空格。

如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格。 如果 space 大于 10,则文本缩进 10 个空格。

如果 space 是一个非空字符串(例如“\t”),则返回值文本在每个级别中缩进字符串中的字符。

如果 space 是长度大于 10 个字符的字符串,则使用前 10 个字符。


返回值:

一个包含 JSON 文本的字符串。

异常:

Exception Condition。

  1. 替换器参数无效 replacer 参数不是函数或数组。
  2. 值参数中不支持循环引用 value 参数包含循环引用。

如果 value 具有 toJSON 方法,则 JSON.stringify 函数将使用该方法的返回值。 如果 toJSON 方法的返回值为 undefined,则不转换成员。 这使对象能够确定自己的 JSON 表示形式。

将不会转换不具有 JSON 表示形式的值,例如 undefined。 在对象中,将丢弃这些值。 在数组中,会将这些值替换为 null。

字符串值以引号开始和结束。 所有 Unicode 字符可括在引号中,但必须使用反斜杠进行转义的字符除外。 以下字符的前面必须是反斜杠:

  • 引号 (")
  • 反斜杠 (\)
  • 退格键 (b)
  • 换页符 (f)
  • 换行符 (n)
  • 回车符 (r)
  • 水平制表符 (t)
  • 四个十六进制数字 (uhhhh)

执行顺序:

在序列化过程中,如果 value 参数对应有 toJSON 方法,则 JSON.stringify 将首先调用 toJSON 方法。 如果该方法不存在,则使用原始值。 接下来,如果提供 replacer 参数,则该值(原始值或 toJSON 返回值)将替换为 replacer 参数的返回值。 最后,根据可选 space 参数向该值添加空格以生成最终的 JSON 文本。

此示例使用JSON.stringifycontact 对象转换为 JSON 文本。定义 memberfilter 数组以便只转换 surnamephone 成员。省略 firstname成员。

var contact = new Object();
contact.firstname = "Jesper";
contact.surname = "Aaberg";
contact.phone = ["555-0100", "555-0120"];

var memberfilter = new Array();
memberfilter[0] = "surname";
memberfilter[1] = "phone";
var jsonText = JSON.stringify(contact, memberfilter, "\t");
document.write(jsonText);
// Output:
// { "surname": "Aaberg", "phone": [ "555-0100", "555-0120" ] }

此示例将 JSON.stringify 与一个数组一起使用。

replaceToUpper函数将数组中的每个字符串转换为大写形式。

var continents = new Array();
continents[0] = "Europe";
continents[1] = "Asia";
continents[2] = "Australia";
continents[3] = "Antarctica";
continents[4] = "North America";
continents[5] = "South America";
continents[6] = "Africa";

var jsonText = JSON.stringify(continents, replaceToUpper);

function replaceToUpper(key, value) {
    return value.toString().toUpperCase();
}

//Output:
// "EUROPE,ASIA,AUSTRALIA,ANTARCTICA,NORTH AMERICA,SOUTH AMERICA,AFRICA"

此示例使用 toJSON 方法将字符串值转换为大写形式。

var contact = new Object();
contact.firstname = "Jesper";
contact.surname = "Aaberg";
contact.phone = ["555-0100", "555-0120"];

contact.toJSON = function(key)
 {
    var replacement = new Object();
    for (var val in this)
    {
        if (typeof (this[val]) === 'string')
            replacement[val] = this[val].toUpperCase();
        else
            replacement[val] = this[val]
    }
    return replacement;
};

var jsonText = JSON.stringify(contact);
document.write(jsonText);

// Output:
{"firstname":"JESPER","surname":"AABERG","phone":["555-0100","555-0120"]}

'{"firstname":"JESPER","surname":"AABERG","phone":["555-0100","555-0120"]}'

PS:在以上文档模式中受到支持:Internet Explorer 8 标准模式、Internet Explorer 9 标准模式、Internet Explorer 10 标准模式、Internet Explorer 11 标准模式。此外,也在应用商店应用(Windows 8 和 Windows Phone 8.1)中受支持。

关于作者
目前就职于国内某电商平台公司打杂。。
相关文章
json 解析与生成工具类 ,JSON操作讲解(附件)
JSON格式讲解JSON获取对象,JSONObject和JSONArray的操作
Javascript 生成UUID,Java生成UUID
Javascript模块化编程,本站使用 require.js 优化JS加载, require.js下载
JavaScript function 类型的使用说明
怎么合理管理、提高Javascript的性能
详解JavaScript中splice()方法,有Demo详细介绍
Javascript 删除节点后是否需要将手动将事件解绑?
RBAC 介绍,案例讲解
cpu资源采集.json
最新文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 38710
JS解密,JavaScript 解密,任何JS加密都能100%解密,以及JS 加密讲解 62
阿里云DNS 解析讲解,SEO配置搜索引擎线路解析 40
百度秒收录教程,怎么做到百度秒收入你的页面,SEO 教程 85
CDN 请求返回 connection reset by peer,被拦截请求解决方案 33
Google AdSense 申请技巧,谷歌广告申请通不过教程 65
Mac 安装 JMeter,JMeter 下载,JMeter Http 压力测试【图解】 45
支付宝吱口令自动复制脚本,自动复制 JavaScript 代码介绍 836
谈谈这次对 SOJSON 的改版 146
Java 计算2个时间相差多少年,多少个月,多少天的几种方式 480
最热文章
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 38710
Elasticsearch教程(四) elasticsearch head 插件安装和使用 108878
Elasticsearch教程(六) elasticsearch Client创建 73261
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 70725
Elasticsearch教程(二),IK分词器安装 67430
Elasticsearch教程(三),IK分词器安装 (极速版) 54068
Elasticsearch教程(五) elasticsearch Mapping的创建 51513
Elasticsearch教程(一),全程直播(小白级别) 51211
Elasticsearch教程(七) elasticsearch Insert 插入数据(Java) 47698
Elasticsearch权威指南-中文.pdf,Elasticsearch 中文文档下载 40863

骚码加入我们 / 千人QQ群:259217951

入群需要5元,如果没有QQ钱包,可以先Alipay、微信,赞助然后加群主拉进。

二维码生成 来自 >> 二维码生成器

支付扫码

所有赞助/开支都讲公开明细,用于网站维护:赞助名单查看

正在加载... ...