字符串,对象转json格式

博客主要围绕后台传来的字符串数据转换问题展开。介绍了深克隆概念,重点讲解了JSON.parse()和JSON.stringify()方法,前者将数据转为JavaScript对象,后者将JavaScript值转为JSON字符串。还给出了使用JSON.parse()解决实际问题的代码示例及转换后的HTML展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.问题:后台传过来数据——weather一连窜字符串

深克隆: 创建一个新对象,属性中引用的其他对象也会被克隆,不再指向原有对象地址。 JSON.parse、JSON.stringify()

JSON.parse()方法将数据转换为 JavaScript 对象。

JSON.stringify()方法用于将 JavaScript 值转换为 JSON 字符串

 

2.解决方案: JSON.parse(text[, reviver])

  • text:必需, 一个有效的 JSON 字符串。
  • reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。

js:

ajaxApi.FarmingRecord.list({"plant_id":this.plan_batch_id}).then(res => {

    console.log(res.data)

    if(res.code == 0){

        var timers = []

        this.plantData = [];

        for(let i = 0;i<res.data.length;i++){

            let item = res.data[i];

           let weather = JSON.parse(item.weather);

            item['weatherJson']=weather;

           this.plantData.push(item);

        }

   }else {

       this.$message.error(res.msg)

   }

});

},

转换后结果:

html:

<div class="des" v-for="(item,i) in plantData" :key="i">

    <span>{{item.weatherJson.weather}}</span>

</div>

ojbk ~ ~ ~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值