JSON.stringify如何使用

1.概述

• JSON.stringify如何使用？
• 你对它的理解到底有多少？
• 一般来说，前端工程师与后端进行交互时，需要定义格式，现在大都使用,以前可能用的XML格式的文件比较多，现在大多数都用JSON格式。
• 但是前端一般定义的都是Object类型的格式，比如let perosn={name: '狗剩'}；有时候我们如果嵌入webview中，那么我们需要将其转换为JSON字符串，这时候我们就需要JSON.stringify
• JSON.stringify:用来把Object格式转换为JSON字符串
• JSON.parse`:用来把JSON字符串格式转换为Object格式的

2.JSON.stringtify

• 基本定义

JSON.stringtify(obj[, replacer [, space]])

// obj :是我们要处理的对象

// replacer: 是在转换过程中，我们对每个obj的属性或者值进行处理；取值类型（数组，函数）
// space: 是处理后的字符对前面的空格或者字符，取值类型（数值，字符串）

• 基本使用

// 需求： 
	// 1.把obj 中的money乘以2
	// 2. 删除undefined值
	// 3.使用❤进行输出美化
let obj = {
	name: '狗剩',
	money: 100,
	girlfriend: undefined,
	age: 17
}

// 定义我们的转换函数
let replacer = function(key,value){
	if(value==='undefined'){
		return undefined;    // 返回undefined则会去除改属性
	}else if(key==='money'){
		return value*2;
	}else{
		return value      // 别的都是正常输出，这一步是必须的
	}
}

// 定义我们的space（用于格式美化）
let space = "❤❤❤❤❤❤❤"

let res = JSON.stringify(obj,replacer,space)

cosole.log(res)

/**输出结果为
{
❤❤❤❤❤❤❤"name": "狗剩",
❤❤❤❤❤❤❤"money": 10000,
❤❤❤❤❤❤❤"age": 17
}
**/

• 另一种玩法

// 需求： 
	// 1.只保留姓名和年龄
	// 2. 使用6个空格美化
	
let obj = {
	name: '狗剩',
	money: 100,
	girlfriend: undefined,
	age: 17
}

let replacer = ['name','age']
let res = JSON.stringify(obj,replacer,6)  

cosole.log(res)

/**输出结果为
{
	  "name": "狗剩",
      "age": 17       
}  注意有空格
**/

3.JSON.parse