温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-07-27 16:09:31 来源:亿速云 阅读:146 作者:Leah 栏目:云计算

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI