一、作用:这个函数的作用主要是为了序列化对象。就是把原来是对象的类型转换成字符串类型(json格式的String类型)。

二、语法:JSON.stringify(value[, replacer][, space])

value:必须要的字段。传入的对象,如数组,类等。

replacer:可选字段。两种方式,一是方法,二是数组。

情况一,传入的是数组。以第二个数组的值为key,第一个数组为value进行序列化,如果不存在就忽略。

情况二,传入的是方法。把序列化后的每一个对象传进方法里面进行处理。

space:分隔符。

1、如果省略,那显示出来的值就没有分隔符,直接输出。

2、如果是一个数字,那它就定义缩进几个字符,如果大于10,则最大值为10。

3、如果是一些转义字符,比如“\t”,表示回车,那它每行一个回车。

4、如果是字符串,那每行输出组把该字符串附加上去,最大长度也是10个字符。

三、实例:

1、只有一个参数,即只传入参数value

var text = {};

text.id = 1;

text.name = "fang";

var json = JSON.stringify(text);

alert(text + " | " + json);

结果:

2、第二个参数存在,传入的值是function时

function upperCase(key, value) {

return value.toString().toUpperCase();

}

var text = new Array();

text[0] = "abc";

text[1] = "defg";

var json = JSON.stringify(text, upperCase);

alert(text + " | " + json);

结果:

3、第二个参数存在,并且为数组

3.1、进行序列化的对象是数组,那忽略第二个参数,直接进行序列化

var text = new Array();

text[0] = "abc";

text[1] = "defg";

var text2 = new Array();

text2[0] = "1";

text2[1] = "2";

var json = JSON.stringify(text, text2);

alert(text + " | " + json);

结果:

3.2、第一个参数不是数组对象,第二个是数组,如果第二个数组的value在第一个存在,那就以第二个的值为key,第一个值为value进行表示

var text = new Object();

text.id = 1;

text.name = "fxr";

text.sex = "male";

var array = new Array();

array[0] = "id";

array[1] = "name";

array[2] = "age"; // 第一个对象中不存在该属性

var json = JSON.stringify(text, array);

alert(text + " | " + json);

结果:array[2] = “age” 这个在第一个中找不到,就不显示。

4、第三个参数存在

4.1、参数为数字:定义缩进几个字符,最大值为10

var text = new Object();

text.id = 1;

text.name = "fxr";

text.sex = "male";

var array = new Array();

array[0] = "id";

array[1] = "name";

array[2] = "age"; // 第一个对象中不存在该属性

// 缩进20个字符,但是最大值为10,缩进10个字符

var json = JSON.stringify(text, array, 20);

alert(text + " | " + json);

结果:

4.2、参数为转义字符:比如“\t”,表示回车,那每一行一个回车

var text = new Object();

text.id = 1;

text.name = "fxr";

text.sex = "male";

var array = new Array();

array[0] = "id";

array[1] = "name";

array[2] = "age"; // 第一个对象中不存在该属性

// 换行

var json = JSON.stringify(text, array, "\t");

alert(text + " | " + json);

结果:

4.3、参数为字符串,则附加上去,最大长度为10个字符

var text = new Object();

text.id = 1;

text.name = "fxr";

text.sex = "male";

var array = new Array();

array[0] = "id";

array[1] = "name";

array[2] = "age"; // 第一个对象中不存在该属性

// 字符串

var json = JSON.stringify(text, array, "添加");

alert(text + " | " + json);

结果:

JSON.stringify 的使用的更多相关文章

  1. JSON.parse()和JSON.stringify()

    1.parse 用于从一个字符串中解析出json 对象.例如 var str='{"name":"cpf","age":"23&q ...

  2. JSON.stringify()与JSON.parse()

    JSON.stringify()用于把一个对象解析成字符串,如 var student = { age: 23, name: 'wang' } JSON.stringify(student); 结果: ...

  3. ASP.NET 5 - $.ajax post JSON.stringify(para) is null

    JavaScript 代码: var para = {}; para.id = $("#ad-text-id").val(); para.title = $("#ad-t ...

  4. JSON.stringify()和JSON.parse()

    parse用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":&qu ...

  5. 解决IE8 内置JSON.stringify,中文变unicode的问题

    转自:http://my.oschina.net/u/919074/blog/191131 项目中出现在IE下出现把json对象转为json串中文变成unicode的问题,最后经过排查,发现是IE8内 ...

  6. JSON.parse()和JSON.stringify()区别

    parse用于从一个字符串中解析出json对象,如: var str = '{"name":"huangxiaojian","age":&q ...

  7. JSON.stringify() / JSON.parse()

    JSON.stringify() 这个方法可以把javascript对象转换成json字符串. JSON.parse() 这个方法可以把 json 字符串转换成 javascript对象. [下面来看 ...

  8. js中解析json对象:JSON.parse()用于从一个字符串中解析出json对象, JSON.stringify()用于从一个对象解析出字符串。

    JSON.parse()用于从一个字符串中解析出json对象. var str = '{"name":"huangxiaojian","age&quo ...

  9. JSON.stringify////////////////////////////////zzzzzzzzzzzzzz

    JSON.stringify 语法实例讲解 可能有些人对系列化这个词过敏,我的理解很简单.就是说把原来是对象的类型转换成字符串类型(或者更确切的说是json类型的).就这么简单.打个比方说,你有一个类 ...

  10. 浅谈JSON.stringify 函数与toJosn函数和Json.parse函数

    JSON.stringify 函数 (JavaScript) 语法:JSON.stringify(value [, replacer] [, space]) 将 JavaScript 值转换为 Jav ...

随机推荐

  1. Apollo(阿波罗)配置中心Java客户端使用指南使用指南

          Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中化管理应用不同环境.不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限.流程治理等特性,适用于微服务配置管 ...

  2. Salesforce LWC学习(二十三) Lightning Message Service 浅谈

    本篇参考: https://trailhead.salesforce.com/content/learn/superbadges/superbadge_lwc_specialist https://d ...

  3. 模拟CMOS集成电路-单级放大器增益直观理解

    我们再看辅助定理: 这里,Gm是指输出与地短接时的跨导:Rout表示当输入电压为零时的输出电阻.这个是书上的原话,但是在推算公式时发现,这两个量的定义还不是完全完整,我 的理解是: 首先Gm是等效跨导 ...

  4. js error 错误处理

    (new) Error([message[, fileName[,lineNumber]]]) 单独定义Error()错误,函数继续进行 当像函数一样使用 Error 时 -- 如果没有 new,它将 ...

  5. 分布式事务框架.NetCore CAP总结

    来自CAP原作者yang-xiaodong的原理图: 本文撰写者:cmliu,部分内容引用自官方文档,部分内容待更新# .NetCore CAP # 1,简介 CAP 是一个遵循 .NET Stand ...

  6. PHP木马免杀的一些总结

    前言 这篇文章写一些php木马免杀的一些技巧,希望对大家有点帮助.这里解释一下什么是php木马,这里大体分为三种: 能完成写入文件.列目录.查看文件.执行一些系统命令等少量功能的,这种的是" ...

  7. mongodb3.4.5用http访问28017端口

    4.要想用28017去访问,百度说必须开启http服务 4.1.前提: windows下安装mongodb必须装在没有中文和空格的目录下,我直接装在了D盘根目录 删掉MongoDB\Server\3. ...

  8. [Java并发编程之美]第1章 线程基础 补充知识

    1.2线程创建与运行 创建线程有三种方式: 继承Thread类并重写run方法: 实现Runnable接口的run方法,new Thread时将该类对象作为参数传入: 实现Callable接口的cal ...

  9. Vue 登录/登出以及JWT认证

    1. 后端代码概览 server/router/index.js 请求 router.get('/getUserInfo', function (req, res, next) { // 登录请求 r ...

  10. Axios源码深度剖析

    Axios源码深度剖析 - XHR篇 axios 是一个基于 Promise 的http请求库,可以用在浏览器和node.js中,目前在github上有 42K 的star数 分析axios - 目录 ...