[14天] JSON.stringify() 特性

一、将被忽略的数据类型

undefined、任意的function以及 symbol 作为对象属性值时 JSON.stringify() 将跳过(忽略)对它们进行序列化

const data = {
  a: "aaa",
  b: undefined,
  c: Symbol("dd"),
  fn: function() {
    return true;
  }
};
JSON.stringify(data);

// "{"a":"aaa"}"

如果做为数组成员呢?

JSON.stringify(["aaa", undefined, function aa() {    return true
  }, Symbol('dd')])  

// "["aaa",null,null,null]"

undefined、任意的function以及 symbol 作为数组元素值时,JSON.stringify() 会将它们序列化为 null

 

如果单独序列化这些值会是什么样的结果

JSON.stringify(function a (){console.log('a')})
// undefined
JSON.stringify(undefined)
// undefined
JSON.stringify(Symbol('dd'))
// undefined

undefinedfunction以及 symbolJSON.stringify() 作为单独的值进行序列化时都会返回 undefined

二、对象属性顺序会发生变化

const data = {
  a: "aaa",
  b: undefined,
  c: Symbol("dd"),
  fn: function() {
    return true;
  },
  d: "ddd"
};
JSON.stringify(data); // 输出:?
// "{"a":"aaa","d":"ddd"}"

JSON.stringify(["aaa", undefined, function aa() {
    return true
  }, Symbol('dd'),"eee"])  // 输出:?

// "["aaa",null,null,null,"eee"]"

正如我们在第一特性所说,JSON.stringify() 序列化时会忽略一些特殊的值,所以不能保证序列化后的字符串还是以特定的顺序出现(Array除外)。

三、转化内容中包含toJSON函数

即自行实现toJSON函数的对象

JSON.stringify({
    say: "hello JSON.stringify",
    toJSON: function() {
      return "today i learn";
    }
  })
// "today i learn"

转换值如果有 toJSON() 函数,该函数返回什么值,序列化结果就是什么值,并且忽略其他属性的值。

四、转化Date类型

JSON.stringify({ now: new Date() });

// "{"now":"2019-12-08T07:42:11.973Z"}"

JSON.stringify() 将会正常序列化 Date 的值,实际上 Date 对象自己部署了 toJSON() 方法(同Date.toISOString()),因此 Date 对象会被当做字符串处理

五、为null的值

NaN 和 Infinity 格式的数值及 null 都会被当做 null

JSON.stringify(NaN)

// "null"

JSON.stringify(null)

// "null"

JSON.stringify(Infinity)

// "null"

六、第二个参数和第三个参数

replacer 参数

replacer 参数有两种形式,可以是一个函数或者一个数组。作为函数时,它有两个参数,键(key)和值(value),函数类似就是数组方法 map、filter 等方法的回调函数,对每一个属性值都会执行一次该函数。如果 replacer 是一个数组,数组的值代表将被序列化成 JSON 字符串的属性名。

space 参数 

space 参数用来控制结果字符串里面的间隔

const data = {
    name: 'lenton', 
    age: 23,
}
JSON.stringify(data, null , '****')

// {\n****"name": "lenton",\n****"age": 23\n}'

 

参考: https://juejin.cn/post/6844904016212672519

2022-05-30 13:51:10 570 0

参与讨论

选择你的头像