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. vue数组语法兼容问题

    先来一行代码: <a :href="['NewsNote.asp?ID='+item.ID+'&MenuType=C']" v-text="item.Tit ...

  2. java 连接数据库测试类

    import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import ...

  3. js X年X周 转成 具体日期

    function getWeekDate(theyear,weekcount) { var year = theyear; var week = weekcount; if(year=="& ...

  4. webpack2使用ch8-loader解析less less自动添加浏览器前缀

    1 目录结构  安装依赖 "less": "^2.7.2","less-loader": "^4.0.3", 2 web ...

  5. Oracle之 any 、some、all解析

    oracle之 any.some.all 解析 因为很少用到, 所以几乎忘记了这几个函数, 不过它们还是很有用的使用它们可以大大简化一些SQL文的语法, 至于效率问题, 如CCW所说它们和EXISTS ...

  6. IDL 指针

    IDL指针与C.C++和FORTRAN等其他程序语言的指针不同,它所处的多变量是可以动态分配内存的全局变量,不只想真正的内存地址 1.创建和访问指针 指针用指针函数Ptr_New()来创建,通过“*” ...

  7. 史上最难的一道Java面试题 (分析篇)

    博客园 匠心零度 转载请注明原创出处,谢谢! 无意中了解到如下题目,觉得蛮好. 题目如下: public class TestSync2 implements Runnable { int b = 1 ...

  8. Java集合源码分析(二)Linkedlist

    前言 前面一篇我们分析了ArrayList的源码,这一篇分享的是LinkedList.我们都知道它的底层是由链表实现的,所以我们要明白什么是链表? 一.LinkedList简介 1.1.LinkedL ...

  9. 使用 Newtonsoft.Json 操作 JSON 字符串

    一.把实体类转化为 JSON 字符串 1. 为实体类赋值 SenderFromMQSearch senderFromMQSearch = new SenderFromMQSearch(); sende ...

  10. 初学python之,IDLE安装

    首先新手上路,写的第一篇博客,希望大家不要吐槽. 1.首先在python官网下载最新python版本 https://www.python.org/(注意根据自己的操作系统来选版本) 安装很简单傻瓜式 ...