前端必知必会--JSON.stringify()犀利的第三个参数

作者: 小华坚决上王者

建议阅读时间: 2 min

博客原文

JSON.stringify()是个经常使用的前端方法，这个函数可以传入三个参数，这里我安利下第三个参数，专门用来美化输出，先看下语法:

JSON.stringify(value[, replacer [, space]])
复制代码

下面我列举了三个常用的例子，直接上代码

普通用法

let obj = {a: 'foo',b: 'bar',
}console.log(JSON.stringify(obj))// "{"a":"foo","b":"bar"}"
复制代码

space传入数字

let obj = {a: 'foo',b: 'bar',
}console.log(JSON.stringify(obj, null, 2))/*
{"a": "foo","b": "bar"
}
*/
复制代码

space传入字符串

let obj = {a: 'foo',b: 'bar',
}console.log(JSON.stringify(obj, null, '--'))/*
{
--"a": "foo",
--"b": "bar"
}
*/
复制代码

一个典型的应用场景

在手机上或者没有控制台的时候，想输出某个对象，这时候会用到alert：

alert(obj);
复制代码

效果却是这样的：

此时的你：

后来，你使用了JSON.stringify的第三个参数：

alert(JSON.stringify(obj, null, 2));
复制代码

结果自然就很通畅了：

怎么样，是不是很爽，space传入数字应该可以满足大多数需求，我也推荐大家这么使用。

转载于:https://juejin.im/post/5d0b45866fb9a07ed136db0f

前端必知必会--JSON.stringify()犀利的第三个参数相关推荐

JSON必知必会学习笔记
JSON必知必会读书笔记术语可移植性平台和系统间传输信息的兼容性. JSON JavaScript Object Notation 对象表示法.这里主要是对象表示法,是一种数据交换格式,比XM ...
前端必知必会HTTP请求系列（二）简单一点的HTTP协议
http协议用户客户端和服务器之间的通信 http协议和TCP/IP协议族内的其他众多协议相同,用于客户端和服务器之间的通信. 那么问题来个如果两台服务器之间一台服务器向另一台服务器进行接口请求那谁是 ...
tableau必知必会之VMware 搭建 Tableau Server for Linux 单机环境
tableau10.5版本推出的 Linux 版 Tableau Server,让用户能够将 Tableau 的分析平台与 Linux 的企业级功能实现更好的结合,从而简化部署和管理工作. 很多用户陆 ...
SpringBoot入门到精通_第6篇 _必知必会
接上一篇:SpringBoot入门到精通_第5篇 _SpringBoot Actuator监控 https://blog.csdn.net/weixin_40816738/article/detail ...
猿创征文｜计算机类学生必知必会的开发工具
计算机类学生必知必会的开发工具目录前言一.浏览器工具 1.在线工具 2.插件扩展二.优化电脑使用工具 1.notpad++ 2.plotplayer 3.Office Tool Plus--强大 ...
《渗透测试实践指南必知必会的工具与方法（原书第2版）》读书摘录
----------------------------------------------------------------------------分割线--------------------- ...
Java架构师必知必会，带走不谢
可以说,Java是现阶段中国互联网公司中,覆盖度最广的研发语言,掌握了Java技术体系,不管在成熟的大公司,快速发展的公司,还是创业阶段的公司,都能有立足之地. 成为Java架构师,需要掌握哪些技能呢 ...
c2064 项不会计算为接受0个参数的函数_【JS必知必会】高阶函数详解与实战
本文涵盖前言高级函数概念函数作为参数的高阶函数 map filter reduce sort详解与实战函数作为返回值的高阶函数 isType函数与add求和函数如何自己创建高阶函数前言一 ...
MySQL必知必会教程：深入理解MySQL技术内幕
2019独角兽企业重金招聘Python工程师标准>>> MySQL必知必会教程:深入理解MySQL技术内幕作为最流行的开源数据库软件之一,MySQL数据库软件已经是广为人知了.当前 ...

前端必知必会--JSON.stringify()犀利的第三个参数

普通用法

space传入数字

space传入字符串

一个典型的应用场景

前端必知必会--JSON.stringify()犀利的第三个参数相关推荐

最新文章

热门文章