`

JSON.stringify 语法实例讲解

 
阅读更多

作用:这个函数的作用主要是为了系列化对象的。 
可能有些人对系列化这个词过敏,我的理解很简单。就是说把原来是对象的类型转换成字符串类型(或者更确切的说是json类型的)。就这么简单。打个比方说,你有一个类,那么你可以通过这个方法转换成相应的json类型的。很简单吧。 
接着看。 
语法: 
JSON.stringify(value [, replacer] [, space]) 
value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。 
replacer:这个是可选的。它又分为2种方式,一种是方法,第二种是数组。 
情况一:我们先说数据,通过我们后面的实验可以知道,它是和第一个有关系的。一般来说,我们系列化后的结果是通过键值对来进行表示的。 
比如说: 
name:"lan",age:25 
这种形式。 
所以,如果这种形式的话,如果第二个的值在第一个存在,那么的话就以第二个的值做key,第一个值为value进行表示,如果不存在,sorry,忽略。【是不是有点抽象,我也这么觉得,不过你等一下看实验 就OK了。。呼呼。】 
情况二:如果是方法,那很简单,就是说把系列化后的每一个对象(记住 是每一个)传进方法里面进行处理。 
space:很好理解,用什么来做分隔符的。 
1.如果省略的话,那么显示出来的值 就没有分隔符。直接输出来 
2.如果是一个数字的话,那么它就定义缩进几个字符,当然 如果大于10 ,则最大值为10. 
3.如果是一些转义字符,比如“\t”,表示回车,那么它每行一个回车。 
4.如果仅仅是字符串,OK,就在每行输出值的时候把这些字符串附加上去就OK。当然,最大长度也是10个字符。 
开始用实例说明; 
1.只有一个参数的情况下: 

复制代码代码如下:

var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(student); 


结果如下: 

有些人可能会怀疑JSON.stringify的作用,OK。那假如,我们不要这个函数。代码下面的样子: 

复制代码代码如下:

var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 

// var json = JSON.stringify(student); 
alert(student); 


 恭喜你 得到的结果是: 

没骗你吧,继续。
2.第二个参数存在,并且第二个参数还是function的时候 

复制代码代码如下:

var students = new Array() ; 
students[0] = "Lanny"; 
students[1] = "dong"; 
students[2] = "I love you"; 
var json = JSON.stringify(students,switchUpper); 
function switchUpper(key, value) { 
return value.toString().toUpperCase(); 

alert(json); 

        //var json = JSON.stringify(students, function (key,value) { 

        //return value.toString().toUpperCase(); 

       //}); 


    上面的方法也可以换成下面的,2个都是一样,只是写法有那么一点点的不一样而已。 
 得到结果如下: 

 

3.第二个参数存在,并且第二个参数不是function,而是数组的时候。 
3.1 【误区】如果第一个参数是数组,第二个参数也是数组的话,只显示第一个参数的值。 
比如: 

复制代码代码如下:

var students = new Array() ; 
students[0] = "Lanny"; 
students[1] = "dong"; 
students[2] = "I love you"; 
var stu = new Array(); 
stu[0] = "1"; 
stu[1] = "2"; 
var json = JSON.stringify(students,stu); 
alert(json); 


 sorry 得到的结果就是: 

第二个被忽略了,只是第一个被系列化了。 

3.2 如果第一个是对象(这里说的对象就像在C#里面可以进行new的),第二个是数组的。 

那么如果第二个的value在第一个存在,那么的话就以第二个的值做key,第一个值为value进行表示 

复制代码代码如下:

var student = new Object(); 
student.qq = "5485891512"; 
student.name = "Lanny"; 
student.age = 25; 

var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi";//这个student对象里不存在。 

var json = JSON.stringify(student,stu); 
alert(json); 


 得到的结果如下: 

因为stu[2] = "Hi";这个Hi 在第一个找不到,所以就不进行显示了。 

4.第三个参数 

4.1.如果省略的话,那么显示出来的值 就没有分隔符。直接输出来 

比如: 

复制代码代码如下:

var student = new Object(); 
student.qq = "5485891512"; 
student.name = "Lanny"; 
student.age = 25; 

var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi"; 

var json = JSON.stringify(student,stu); 
alert(json); 


 输出的就是: 

4.2.如果是一个数字的话,那么它就定义缩进几个字符,当然 如果大于10 ,则最大值为10. 

复制代码代码如下:

var student = new Object(); 
student.qq = "5485891512"; 
student.name = "Lanny"; 
student.age = 25; 

var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi"; 

var json = JSON.stringify(student,stu,100);//注意这里的100 
alert(json); 


那么得到的是: 

空开来了10个字符。 

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

也是一样。 

4.4.如果仅仅是字符串,OK,就在每行输出值的时候把这些字符串附加上去就OK。当然,最大长度也是10个字符。 

如果是var json = JSON.stringify(student,stu,“HaiKou”);//

 

就这样吧 。good night。 
文章出处 http://www.cnblogs.com/damonlan/

分享到:
评论

相关推荐

    JSON.stringify 语法实例讲解.doc

    首先,JSON.stringify 的基本语法如下: ```javascript JSON.stringify(value[, replacer[, space]]) ``` - `value`:这是必需的参数,表示你要转换的 JavaScript 值,可以是对象、数组等。 - `replacer`:这是一...

    JS实现JSON.stringify的实例代码讲解

    JSON.stringify是JavaScript中用于将JavaScript对象转换为JSON字符串的关键方法。在现代浏览器中,这个功能是内建的,但在老版本的Internet Explorer(如IE6)中并不支持。因此,为了确保兼容性,我们需要编写一些...

    JSON stringify方法原理及实例解析

    JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。 语法 JSON.stringify(value[, replacer[, space]]) 参数说明: value: 必需, 要转换的 JavaScript 值(通常为对象或数组)。 replacer: 可选。...

    javascript对象转换成json

    在描述中提到的"支持将自身转换成json字符串输出",这可能是指某些类或对象实例提供了自己的`toJSON()`方法。当`JSON.stringify()`遇到具有`toJSON()`方法的对象时,它会自动调用这个方法,并用其返回值替换原始对象...

    jsMap转换为JSON 字符串.docx

    此外,如果你有一个自定义的类实例作为Map的键或值,你需要确保这个类具有合适的toJSON()方法来定义如何序列化实例。这是因为JSON.stringify()在遇到自定义类型时,会查找并调用这个方法来获取要序列化的值。 总之...

    json 使用实例

    标题“JSON使用实例”暗示我们将探讨如何在实际编程中应用JSON。JSON不仅用于存储数据,还常用于网络请求的响应数据格式,如API调用。以下是一些关于JSON使用的关键知识点: 1. **JSON数据结构**: - 对象(Object...

    Node.js JSON模块用法实例分析

    一、JSON.stringify语法: JSON.stringify(value [, replacer] [, space]) value:是必选字段。就是你输入的对象,比如数组,类等。 replacer(可选参数):它又分为2种方式,一种是数组,第二种是方法。 (1)...

    json 应用研究下载实例

    在JSON实例中,我们经常看到数据被序列化和反序列化的过程。序列化是将JavaScript对象转换为JSON字符串,以便在网络上传输或存储;反序列化则是将JSON字符串恢复为JavaScript对象,以便在程序中使用。在JavaScript中...

    json数据与字符串的相互转化示例.docx

    - 不正确的 JSON 字符串可能会导致语法错误或其他类型的错误。 - 最好在解析前进行验证,确保字符串是合法的 JSON 格式。 #### 六、总结 通过以上介绍,我们可以了解到 JSON 数据与字符串之间的相互转换是 Web 开发...

    json实例

    在"json实例"这个主题中,我们将深入探讨JSON的基本结构、语法以及如何在实际编程中使用JSON。 1. JSON的基本结构: JSON数据通常由键值对组成,键和值之间用冒号隔开,而各对键值对之间则用逗号分隔。键必须是...

    js eval函数使用,js对象和字符串互转实例.docx

    ### JavaScript中的`eval()`函数与对象字符串互转详解 ...在处理对象与字符串之间的转换时,`JSON.stringify()`和`JSON.parse()`是更推荐的做法。在实际开发中,开发者应当权衡利弊,合理选择使用这些工具和技术。

    JSON 开发教程 和实例

    在JavaScript中,需要使用`JSON.parse()`将JSON字符串转换为JavaScript对象,而`JSON.stringify()`则是将JavaScript对象转换为JSON字符串。 第三章 JSON 使用 3.1 把 JSON 文本转换为 JavaScript 对象 在JavaScript...

    HTML5中使用json对象的实例代码

    它基于JavaScript的对象字面量语法,但独立于语言,很多编程语言都提供了对JSON的支持。本文将介绍HTML5中如何使用JSON对象,并通过实例代码展示JSON对象与字符串之间的转换方法。 首先,JSON对象可以通过...

    Ajax json

    3. **序列化与反序列化**:在JavaScript中,`JSON.stringify()`用于将JavaScript对象转换成JSON字符串,而`JSON.parse()`则可以将JSON字符串解析成JavaScript对象。 4. **安全问题**:由于JSON与JavaScript语法的...

    JSON 数据详解及实例代码分析

    JSON与JavaScript的对象字面量非常相似,但它们在语法上存在一些关键的区别: - 在JSON中,所有的键都必须用双引号包围。 - JSON中没有变量声明,也没有末尾分号。 - JSON不支持定义函数或变量。 - JSON不支持...

    我的关于JSON例子

    标题“我的关于JSON例子”表明我们将探讨JSON的实际应用,通过实例了解如何在JavaScript中操作和解析JSON数据。在JavaScript中,有内置的方法可以将JavaScript对象转换为JSON字符串(`JSON.stringify()`)以及将JSON...

Global site tag (gtag.js) - Google Analytics