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);

上述就是小编为大家分享的JavaScript中JSON.stringify() 和 JSON.parse() 如何使用了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。