JSON.stringify(obj) : 用于从一个对象解析出字符串

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

JSON.parse(str) : 用于从一个字符串中解析出json对象

var str = '{"name":"huangxiaojian","age":"23"}'
JSON.parse(str) 结果:
Object:
age: "23"
name: "huangxiaojian"
__proto__: Object

JSON.stringify(obj) 详解:

1.语法

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

2.参数

value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。

var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";
var json = JSON.stringify(student);
console.log(json); => '{"name":"Lanny","age":"25","location":"China"}'

replacer:这个是可选的。它又分为2种方式,一种是方法,第二种是数组。
1.如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;

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();
}
console.log(json) => "LANNY,DONG,I LOVE YOU"

2.如果该参数是一个数组,则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中;

  1. 如果第一个参数是数组,第二个参数也是数组的话,只显示第一个参数的值

    var students = ["Lanny","dong","I love you"];
    var stu = ["1","2"];
    var json = JSON.stringify(students,stu);
    console.log(json);
    => '["Lanny","dong","I love you"]'

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

  2. 如果第一个是对象,第二个是数组的。
    那么如果第二个的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);
    console.log(json); => '{"qq":"5485891512","age":25}'

3.如果该参数为null或者未提供,则对象所有的属性都会被序列化;
space:指定缩进用的空白字符串,用于美化输出(pretty-print),很好理解,用什么来做分隔符的。
1.如果省略的话,那么显示出来的值 就没有分隔符。直接输出来
2.如果是一个数字的话,那么它就定义缩进几个空格符,当然如果大于10 ,则最大值为10.
3.如果是一些转义字符,比如“\t”,表示回车,那么它每行一个回车。
4.如果仅仅是字符串,OK,就在每行输出值的时候把这些字符串附加上去就OK。当然,最大长度也是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,"HaiKou");//注意这里的100
console.log(json); =>'{HaiKou"qq": "5485891512",HaiKou"age": 25}'

关于序列化,有下面五点注意事项:

  1. 非数组对象的属性不能保证以特定的顺序出现在序列化后的字符串中。
  2. 布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值。
  3. undefined、任意的函数以及 symbol 值,在序列化过程中会被忽略(出现在非数组对象的属性值中时)或者被转换成null(出现在数组中时)。
  4. 所有以symbol为属性键的属性都会被完全忽略掉,即便replacer参数中强制指定包含了它们。
  5. 不可枚举的属性会被忽略

js判断对象为空 JSON.stringify(obj)的更多相关文章

  1. js判断对象为空

    http://www.jb51.net/article/42713.htm var isEmptyValue = function(value) { var type; if(value == nul ...

  2. js 判断是否为空对象、空数组

    当需要判断参数是否为空时,总希望 js 能够提供原生的判断方法,可惜并没有,只能自己封装了. function isEmpty(obj) { // 检验 undefined 和 null if(!ob ...

  3. 实现深拷贝还在用JSON.parse(JSON.stringify(obj))?带你用JS实现一个完整版深拷贝函数

    使用JavaScript实现深拷贝 1.JSON序列化实现深拷贝 在JS中,想要对某一个对象(引用类型)进行一次简单的深拷贝,可以使用JSON提供给我们的两个方法. JSON.stringfy():可 ...

  4. JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)

    在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法. JSON.stringify(obj)将JSO ...

  5. 小tips:JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)

    在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法. JSON.stringify(obj)将JSO ...

  6. Js判断对象是否为空,Js判断字符串是否为空

    Js判断对象是否为空,Js判断字符串是否为空,JS检查字符串是否为空字符串 >>>>>>>>>>>>>>>&g ...

  7. 前端js传值JSON.stringify(obj)

    用bootstrap-talbe前端传值 首先直接传肯定是不行的; 其次做一个全局变量也不行,因为这里的问题的是用bootstrap-table进行生成的操作HTML,从这里datass = row ...

  8. 【最简单的方法】js判断字符串是否为JSON格式(20180115更新)

    前言 针对 “js判断字符串是否为JSON格式” 这个问题,在网上查了许多资料,都没找到自己想要的答案. 但是看到这个帖子<js判断字符串是否为JSON格式>后,突然灵光一闪,想到一种很简 ...

  9. 关于JSON.parse(JSON.stringify(obj))实现深拷贝应该注意的坑

    JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了 就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反 ...

随机推荐

  1. 【归纳整理】Ajax / JSON / WEB存储 / iframe

      Ajax 一.什么是 AJAX ? AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 是一种用于创建快速动态网页 ...

  2. windows下PHP中Fatal error Call to undefined function curl_init()的解决方法

    参考官方解决方法:http://nz.php.net/manual/en/curl.installation.php 1.php安装目录下的ext文件夹下面是否有php_curl.dll文件,然后右键 ...

  3. C# XML序列化

    /// <summary> /// XML序列化为指定对象 /// Author:taiyonghai /// Time:2016-08-22 /// </summary> / ...

  4. Vue阻止冒泡

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. springboot高并发redis细粒度加锁(key粒度加锁)

    本文探讨在web开发中如何解决并发访问带来的数据同步问题. 1.需求: 通过REST接口请求并发访问redis,例如:将key=fusor:${order_id} 中的值+1: 2.场景: 设想,多线 ...

  6. curl命令用于模拟http浏览器发起动作

    1.模拟http浏览器发起访问百度首页的动作 curl  http://www.baidu.com 2.也可以模拟http浏览器发起POST动作,这个在测试后端程序时非常常见.

  7. 语音识别完成诗句的查询功能,iOS AVSpeechSynthesis语音输出结果的诗歌APP

    前言 当前的APP的查询都是使用手动输入,不仅效率低,而且查询的语句的限制比较大,不能够方便的扩展. 如果能方便的扩展查询语句,那么APP的使用就会有很大的灵活性.可以设计各种问句和语句,可以方便的和 ...

  8. UVa10723 - Cyborg Genes

    这题我能想到的解决方法是: 最优解的长度好找,两串的长度和-LCS: 根据anslen,枚举出解的数目...但想不出简单有效的枚举方法,这种做法可能超时 网上看大神的博客后,发现大家都用的此方法: 最 ...

  9. webpack 入门指南

    很久没有更博了... 这就把最近积累用到的知识点更新到这里.. 望 共勉 什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffe ...

  10. Python 第十三节 文件操作

    A 1.首先文件读写操作有以下几种模式:   a\a+  w\w+ r\r+   a模式:追加_写入模式,写入指针默认在开头,如果文件存在将在开头追加写入,如果文件不存在将创建文件再写入. a+模式: ...