toString、String和 JSON.stringify

2019-05-16  本文已影响0人  Mr君

toString()

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

(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"
true.toString() // "true"
false.toString() // "false"
Date.toString() // "function Date() { [native code] }"
(new Date).toString() // "Wed May 15 2019 13:33:28 GMT+0800 (中国标准时间)"
Error.toString() // "function Error() { [native code] }"
(new Error('bad request')).toString() // "Error: bad request"
({}).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,它可以是数组或者函数,用来指定对象序列化过程中哪些属性应该被处理,哪些应该被排除。

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为函数时它是递归调用的。

上一篇下一篇

猜你喜欢

热点阅读