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

2023-04-27,,

这期内容当中小编将会给大家带来有关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() 如何使用了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注本站行业资讯频道。

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

下载本文的Word格式文档,以方便收藏与打印。