导航：首页 > 服务器 >

JavaScript中JSON.stringify() 和 JSON.parse() 如何使用

发表于：2024-11-25 作者：千家信息网编辑

千家信息网最后更新 2024年11月25日，这期内容当中小编将会给大家带来有关JavaScript中JSON.stringify() 和 JSON.parse() 如何使用，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以

千家信息网最后更新 2024年11月25日JavaScript中JSON.stringify() 和 JSON.parse() 如何使用

这期内容当中小编将会给大家带来有关JavaScript中JSON.stringify() 和 JSON.parse() 如何使用，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

@track weekplanList = [];   //[]代表集体 {}代表对象//显示周计划的内容到首页    showPlanContentToIndex (){        this.showSpinnerEvent();  //显示进度条        this.callServer(        GetWeekPlanAction, //获取选择类型,具体内容-查询方法        function(response) { //response为GetWeekPlanAction()返回值作为形参        let values = JSON.parse(JSON.stringify(response));         //JSON.stringify()方法用于将 JavaScript 值转换为 JSON 字符串。        //JSON.parse()  JSON 通常用于与服务端交换数据。        //在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。          this.weekplanList = values;          //将前台显示的英文转换成中文          values.forEach( (item) => {              if(item.Form_Type_MDT_AP_CHN__c === 'Customer Visit') {                item.Form_Type_MDT_AP_CHN__c = '客户拜访';              }else if(item.Form_Type_MDT_AP_CHN__c === 'Regional Support') {                item.Form_Type_MDT_AP_CHN__c = '区域跟台/支持';              }else if(item.Form_Type_MDT_AP_CHN__c === 'Market Access') {                item.Form_Type_MDT_AP_CHN__c = '市场准入';              }else if(item.Form_Type_MDT_AP_CHN__c === 'Dealer Cooperation') {                item.Form_Type_MDT_AP_CHN__c = '经销商合作';              }              else if(item.Form_Type_MDT_AP_CHN__c === 'Meeting') {                item.Form_Type_MDT_AP_CHN__c = '学术活动-内部会议';              }              else if(item.Form_Type_MDT_AP_CHN__c === 'Personnel Development') {                item.Form_Type_MDT_AP_CHN__c = '人员发展';              }              else if(item.Form_Type_MDT_AP_CHN__c === 'Device Process') {                item.Form_Type_MDT_AP_CHN__c = '设备进程';              }              else if(item.Form_Type_MDT_AP_CHN__c === 'Project Debriefing') {                item.Form_Type_MDT_AP_CHN__c = '项目进展';              }          });          console.log('this.weekplanList1',values);          this.hiddenSpinnerEvent();        },        {        }   //GetWeekPlanAction()不用传参数,所以第三个参数为空        );    }

let 和 var对比

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。

使用 var 关键字声明的变量不具备块级作用域的特性，它在 {} 外依然能被访问到。

{     var x = 2; }// 这里可以使用 x 变量

let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。

{     let x = 2;}// 这里不能使用 x 变量

let 命令所在的代码块 { } 内有效实例

var x = 10;// 这里输出 x 为 10{     let x = 2;    // 这里输出 x 为 2}// 这里输出 x 为 10

1、JSON.stringify()

方法用于将 JavaScript 值转换为 JSON 字符串。

语法

JSON.stringify(value[, replacer[, space]])

参数说明：

value:
必需，要转换的 JavaScript 值（通常为对象或数组）。
replacer:
可选。用于转换结果的函数或数组。
如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。
如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
space:
可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

返回值：

返回包含 JSON 文本的字符串。

2、JSON.parse()

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

语法

JSON.parse(text[, reviver])

参数说明：

**text:**必需，一个有效的 JSON 字符串。
reviver: 可选，一个转换结果的函数，将为对象的每个成员调用此函数。

3、示例：

let jsonData = [{group: 1, id: 2, name: "aa"}, {group: 2, id: 1, name: "bb"}];let jsonData1 = JSON.stringify(jsonData);console.log(jsonData1);console.log("jsonData1索引0数据=== " + jsonData1[0]);console.log("jsonData1索引0的group属性=== " + jsonData1[0].group);let jsonData2 = JSON.parse(jsonData1);console.log(jsonData2);console.log("jsonData2索引0数据=== " + jsonData2[0]);console.log("jsonData2索引0的group属性=== " + jsonData2[0].group);