toString、String和 JSON.stringify

toString()

可以将除nullundefined以外所有的的数据都转换为字符串

  • nullundefined无法调用toString方法
    报错.png
  • 数字调用toString
    a. 接受参数:表示数字的基数,是 2 ~ 36 之间的整数。若省略该参数,则使用基数 10。
(15).toString() // "15"
(15).toString(2) // "1111"
(15).toString(8) // "17"
(15).toString(16) // "f"

b.

// 1.07 连续乘以七个 1000
var a = 1.07 * 1000 * 1000 * 1000 * 1000 * 1000 * 1000 * 1000;
// 七个1000一共21位数字
a.toString(); // "1.07e21"
  • 布尔值调用toString
true.toString() // "true"
false.toString() // "false"
  • Date调用toString
Date.toString() // "function Date() { [native code] }"
(new Date).toString() // "Wed May 15 2019 13:33:28 GMT+0800 (中国标准时间)"
  • Error调用toString
Error.toString() // "function Error() { [native code] }"
(new Error('bad request')).toString() // "Error: bad request"
  • 其他复杂类型调用toString
({}).toString() // "[object Object]"
({ a:2, b:function(){} }).toString() // "[object Object]"

([]).toString() // ""
([1,'a',true]).toString() // "1,a,true"
[1,undefined,function(){},4].toString() // "1,,function(){},4"

(function a(){console.log(111)}).toString() // "function a(){console.log(111)}"

String()

可以将nullundefined转换为字符串,但是没法转进制字符串,其他和toString相同

String(null) // "null"
String(undefined) // "undefined"
String(11) // "11"
String(1.07 * 1000 * 1000 * 1000 * 1000 * 1000 * 1000 * 1000) // "1.07e+21"
String(true) // "true"
String(false) // "false"
String(Date) // "function Date() { [native code] }"
String(new Date) // "Wed May 15 2019 15:30:10 GMT+0800 (中国标准时间)"
String({}) // "[object Object]"
String([]) // ""
String([1, true, 'a']) // "1,true,a"
String(Error) // "function Error() { [native code] }"
String(new Error('bad request')) // "Error: bad request"
String(function a(){console.log(111)}) // "function a(){console.log(111)}"

JSON.stringify()

将 JSON 对象序列化为字符串时也用到了 toString,对大多数简单值来说,JSON 字符串化和 toString() 的效果基本相同,只不过序列化的结果总是字符串。JSON.stringify()在对象中遇到 undefinedfunctionsymbol 时会自动将其忽略,在数组中则会返回 null 。
以下是不同

JSON.stringify(null) // "null"

JSON.stringify(undefined) // undefined
typeof JSON.stringify(undefined) // "undefined"

JSON.stringify(Date) // undefined
typeof JSON.stringify(Date) // "undefined"

JSON.stringify(new Date) // ""2019-05-15T07:41:58.810Z""
JSON.stringify({}) // "{}"
JSON.stringify(Error) // undefined
JSON.stringify(new Error('bad request')) // "{}"

JSON.stringify(function a(){console.log(111)}) // undefined
typeof JSON.stringify(function a(){console.log(111)}) // "undefined"

JSON.stringify([1,undefined,function(){},4]); // "[1,null,null,4]"
JSON.stringify({ a:2, b:function(){} }); // "{"a":2}"

我们可以向 JSON.stringify() 传递一个可选参数 replacer,它可以是数组或者函数,用来指定对象序列化过程中哪些属性应该被处理,哪些应该被排除。

  • 字符串数组,其中包含序列化要处理的对象的属性名称,除此之外其他的属性则被忽略。
  • 函数,它会对对象本身调用一次,然后对对象中的每个属性各调用一次,每次传递两个参数,键和值。如果要忽略某个键就返回 undefined ,否则返回指定的值。
var a = {
  b: 42,
  c: "42",
  d: [1,2,3]
};
JSON.stringify( a, ["b","c"] ); // "{"b":42,"c":"42"}"

JSON.stringify( a, function(k,v){
  console.log(k, v)
  if (k !== "c") return v;
} );
 // {b: 42, c: "42", d: Array(3)}
// b 42
// c 42
// d [1, 2, 3]
// 0 1
// 1 2
// 2 3
// "{"b":42,"d":[1,2,3]}"

通过上面的例子我们看到,当replacer为函数时它是递归调用的。

你可能感兴趣的:(toString、String和 JSON.stringify)