13518219792
这期内容当中小编将会给大家带来有关JSON.stringify()的特性有哪些，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
成都创新互联自2013年起，先为桃源等服务建站，桃源等地企业，进行企业商务咨询服务。为桃源企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
JSON.stringify() 方法能将一个 JavaScript 对象或值转换成一个 JSON 字符串。
作为一名 JavaScript 开发人员，JSON.stringify() 是用于调试的最常见函数。但是它的作用是什么呢，难道我们不能使用 console.log() 来做同样的事情吗？让我们试一试。
//初始化一个 user 对象 const user = { "name" : "Prateek Singh", "age" : 26 } console.log(user); // 结果 // [object Object]哦！console.log() 没有帮助我们打印出期望的结果。它输出 [object Object]，因为从对象到字符串的默认转换是 [object Object]。因此，我们使用 JSON.stringify() 首先将对象转换成字符串，然后在控制台中打印，如下所示。
const user = { "name" : "Prateek Singh", "age" : 26 } console.log(JSON.stringify(user)); // 结果 // "{ "name" : "Prateek Singh", "age" : 26 }"一般来说，开发人员使用 stringify 函数的场景较为普遍，就像我们在上面做的那样。但我要告诉你一些隐藏的秘密，这些小秘密会让你开发起来更加轻松。
第二个参数（数组）
是的，stringify 函数也可以有第二个参数。它是要在控制台中打印的对象的键数组。看起来很简单？让我们更深入一点。我们有一个对象 product 并且我们想知道 product 的 name 属性值。当我们将其打印出来：
console.log(JSON.stringify(product));
它会输出下面的结果。
{"id":"0001","type":"donut","name":"Cake","ppu":0.55,"batters":{"batter":[{"id":"1001","type":"Regular"},{"id":"1002","type":"Chocolate"},{"id":"1003","type":"Blueberry"},{"id":"1004","type":"Devil’s Food"}]},"topping":[{"id":"5001","type":"None"},{"id":"5002","type":"Glazed"},{"id":"5005","type":"Sugar"},{"id":"5007","type":"Powdered Sugar"},{"id":"5006","type":"Chocolate with Sprinkles"},{"id":"5003","type":"Chocolate"},{"id":"5004","type":"Maple"}]}在日志中很难找到 name 键，因为控制台上显示了很多没用的信息。当对象变大时，查找属性的难度增加。stringify 函数的第二个参数这时就有用了。让我们重写代码并查看结果。
console.log(JSON.stringify(product,['name' ]); // 结果 {"name" : "Cake"}问题解决了，与打印整个 JSON 对象不同，我们可以在第二个参数中将所需的键作为数组传递，从而只打印所需的属性。
第二个参数（函数）
我们还可以传入函数作为第二个参数。它根据函数中写入的逻辑来计算每个键值对。如果返回 undefined，则不会打印键值对。请参考示例以获得更好的理解。
const user = { "name" : "Prateek Singh", "age" : 26 }
// 结果 { "age" : 26 }只有 age 被打印出来，因为函数判断 typeOf 为 String 的值返回 undefined。
第三个参数为数字
第三个参数控制最后一个字符串的间距。如果参数是一个数字，则字符串化中的每个级别都将缩进这个数量的空格字符。
// 注意：为了达到理解的目的，使用 '--' 替代了空格 JSON.stringify(user, null, 2); //{ //--"name": "Prateek Singh", //--"age": 26, //--"country": "India" //}第三个参数为字符串
如果第三个参数是 string，那么将使用它来代替上面显示的空格字符。
JSON.stringify(user, null,'**'); //{ //**"name": "Prateek Singh", //**"age": 26, //**"country": "India" //} // 这里 * 取代了空格字符toJSON 方法
我们有一个叫 toJSON 的方法，它可以作为任意对象的属性。JSON.stringify 返回这个函数的结果并对其进行序列化，而不是将整个对象转换为字符串。参考下面的例子。
const user = { firstName : "Prateek", lastName : "Singh", age : 26, toJSON() { return { fullName: `${this.firstName} + ${this.lastName}` }; } } console.log(JSON.stringify(user)); // 结果 // "{ "fullName" : "Prateek Singh"}"上述就是小编为大家分享的JSON.stringify()的特性有哪些了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。
