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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,542评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,822评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,912评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,449评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,500评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,370评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,193评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,074评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,505评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,722评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,841评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,569评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,168评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,783评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,918评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,962评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,781评论 2 354

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,233评论 0 4
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,196评论 0 3
  • 我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify...
    程序员之路阅读 989评论 0 6
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,564评论 0 5
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,054评论 0 1