本文操作环境:windows7系统、vue2.9.6版,dell g3电脑。
vuejs怎么实现字符串转对象?
vue.js对string类型转json格式及json对象转string:
在写vue项目的时候,由于数据量庞大转化格式相对比较复杂,于是就直接表单获取值按string格式存入了数据库表中,但是在编辑记录的时候,又得从数据库表中按id读取,再相对应的在页面上显示;
于是:就教大家如何在vue项目中怎么进行string格式 json格式的相互转化:
且看数据库存放的数据格式;本文以selections字段为例;
接下来,我就来演示一下,string格式,json格式是如何相对转换
vue.js 部分重要演示代码附上:
editformbuilder(row){//aa bb cc 只是在方便调试更清楚的看到从数据库表中拿的数据 //从数据库表中读取原数据,注意看数据格式 console.log("aa",row.selections); //接下来,如何解析成json型 this.temporary=json.parse(row.selections);//将字符串转换成json对象 this.items=this.temporary; console.log("bb",this.items); //注意看,又把对象转换成string型 this.flag=json.stringify(row.selections);//将json对象转换成字符串 this.items=this.flg; console.log("cc",this.items);//再次转化格式!注意看 },
注意看下图!!!就会体会到json.parse ,json.stringify的魅力所在!
顺便再详细介绍一下两函数的用法:【ps:详情来至菜鸟教程 跳转到菜鸟教程url】
(1)json.parse函数 :
作用:将json字符串转换成json对象语法:json. parse(text[,reviver]).参数:text 必须;一个有效的json字符串。 reviver :可选。返回值:一个对象或数组。
(2)json.stringify()函数 :
作用:将json对象转换成json字符串。 语法:json.stringify(value [, replacer] [, space]) 参数:value 必须;通常为对象或数组。 replacer:可选,用于转换结果的函数或者数组。 space :可选。向返回值 json 文本添加缩进、空格和换行符以使其更易于读取。 返回值:一个包含json文本的字符串。
推荐学习:《最新的5个vue.js视频教程精选》
以上就是vuejs怎么实现字符串转对象的详细内容。
