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() 如何使用了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。
名称栏目:JavaScript中JSON.stringify()和JSON.parse()如何使用
标题路径:http://pwwzsj.com/article/pjipjc.html