vue中string如何转为json对象

这篇具有很好参考价值的文章主要介绍了vue中string如何转为json对象。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue中string转为json对象的方法:

Json字符串转换为json对象

1、使用eval

result = eval('(' + jsonstr + ')'); // jsonstr是json字符串

2、使用JSON.parse()

result = JSON.parse(jsonstr); // jsonstr是json字符串

eval和JSON.parse的区别:

eval 是javascript支持的方式,不需要严格的json格式的数据也可以转化
JSON.parse 是浏览器支持的转换方式,必须要标准的json格式才可以转换

举例:

res.data.details:"{\"charge_account\":\"加油卡卡号\",\"right_des\":\"加油卡直充充值说明产品使用说明:①充值方式:购买时输入需要充值的加油卡卡号,付款成功后,1-10分钟自动充值到账,个别情况下会有延迟,请耐心等待;\",\"right_addr\":\"\",\"notice\":\"温馨提示:充值前请您仔细核对充值卡号和金额,充值成功到账的,平台无法返销或退款,号码输入错误造成的损失由用户自行承担。注意事项:①本产品为加油卡充值,需要客户持有加油卡,没有加油卡请勿兑换哦!②本产品支持IC卡充值。只能为加油卡主卡充值,不能充值副卡。\"}"

let result = eval(‘(’ + res.data.details + ‘)’);
result 值为:

{"charge_account":"加油卡卡号",
"right_des":"加油卡直充充值说明产品使用说明:①充值方式:购买时输入需要充值的加油卡卡号,付款成功后,1-10分钟自动充值到账,个别情况下会有延迟,请耐心等待;",
"right_addr":" "}

this.goods_details = result.right_des;//商品内容介绍文章来源地址https://www.toymoban.com/news/detail-504372.html

到了这里,关于vue中string如何转为json对象的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue 导入excel并转为json发送给后端

    vue 导入excel并转为json发送给后端 可以处理.xlsx , .csv , .xls 格式的文件 安装插件 完整代码 抽取工具类 excelUtil.js 使用工具类方式 实现excel文件转json, 完整代码

    2024年02月13日
    浏览(26)
  • 如何在 JavaScript 中将数组转为对象

    首先,我们需要明白对象具有键和值。 如果我们想把某个东西转换成一个 对象 ,我们需要传递具有这两个要求的东西:键和值。 满足这些要求的参数有两种类型: 具有嵌套键值对的数组 Map 对象 这是一个带有键值对的嵌套数组 当我们应用它时,我们可以使用 Object.fromEnt

    2024年02月01日
    浏览(41)
  • Java中如何优雅的把Map转为对象

    在项目开发中,经常碰到map转实体对象或者对象转map的场景,工作中,很多时候我们可能比较喜欢使用第三方jar包的API对他们进行转化,而且用起来也还算方便,比如像fastJson就可以轻松实现map和对象的互转,但这里,我想通过反射的方式对他们做转化,也算是对反射的学习

    2024年02月13日
    浏览(29)
  • 如何把实体类对象转化为json(json转实体类对象)​

    使用fastjson框架解决实体类转json的问题(实体类要序列化哦,如  实体类  ) 1、序列化(实体类转json,text为json数据,user为实体类,JSON.toJSONString为固定写法) 2、反序列化(json转实体类,text为json数据,User为实体类,JSON.parseObject为固定写法) 点击下载jar

    2024年02月10日
    浏览(27)
  • Vue3前端开发,如何获取组件内dom对象以及子组件的属性和方法

    Vue3前端开发,借助Ref来获取组件内dom对象,借助defineExpose编译宏可以获取到子组件的属性和方法。 app入口文件,我们作为父组件,在里面调用了自定义组件TestCom.vue。 先做了一个测试,借助于ref来访问自身的dom对象。如图所示是可以拿到的。 ref又称谓钩子函数,在vue2版本中

    2024年01月22日
    浏览(47)
  • fastjson--对象与JSON之间的转换方法

    1、Java对象–JSON对象: (JSONObject)JSONObject.toJSON(Java对象实例) 2、Java对象–JSON字符串 JSONObject.toJSONString(Java对象实例) 3、JSON对象–JSON字符串 JSONObject.toJSONString(); 4、JSON对象–Java对象 JSONObject.toJavaObject(JSON对象实例, Java对象.class); 5、JSON字符串–JSON对象 JSONObject.parseObject(JSON字符

    2024年02月08日
    浏览(36)
  • js 给对象写 JSON.stringify 的方法

    但我们自己定义的对象,想要执行 JSON.stringify,没法被序列化的属性就会产生报错,这时候应该用 toJson() 来重写,具体代码是: 这样就会根据回调函数处理结果,如果还不理解,可以看看 toJSON 的用法详解。

    2024年02月09日
    浏览(22)
  • Vue在页面输出JSON对象,测试接口可复制使用

    效果图: 数据处理前:  数据处理后: 代码实现:  HTML: js:

    2024年02月13日
    浏览(40)
  • 【前端】Bad control character in string literal in JSON解决方案(详解),JSON.parse(str)/Uncaught SyntaxEr报错解决方法。

    JSON.parse(str) 报错:Uncaught SyntaxError: Bad control character in string literal in JSON at position JSON.parse()方法将 有效的 JSON 字符串 数据转换为 JavaScript 对象 。 内部不能包含转义字符。 text = text.replace(/[r|n|t]/g,“”) 这句把r,n,t 都替换为空。 因为我们这个是自己的数据库,输入的数

    2024年02月11日
    浏览(29)
  • JavaScript string对象(属性,方法)获取图片后缀案例 输入和输出结果转换形式案例

    一、创建string对象 var strOb = new String(\\\"abcefg\\\"); var strOb = String(\\\"abcefg\\\"); var strOb = \\\"abcefg\\\"; 二、属性 length    (字符串长度) 三、方法 1、子字符串位置 indexOf(string, [ index]) string : 查找的字符串的内容,必填项 index:开始查找位置,可有可无 返回值:返回值是查找到的子字符串的位

    2024年02月05日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包