vue处理JSON格式

后端返回图片的类型有

["http:\/\/pic.tjxes.com\/myhqwag1f34x10uv58gx.png"],
["http://pic.tjxes.com/bq94qgls1fzwmuil3s2u.png","http://pic.tjxes.com/ax1453acbl72nvyxuaea.png"],
"http://pic.tjxes.com/809c7fcbd43a4c31b3b0ac3a8a428c72"

需要处理三种渲染到页面上

         let _list = rd.data.list;
         for (let i in _list) {
           _list[i].imgs = [];
           if (_list[i].feedback_media) { //feedback_media为返回的图片
             let imgs = _list[i].feedback_media.split(",");
             if (imgs.length >= 2) {   //首先判断图片数组里是一张图片还是多张
               imgs.map((item, index) => {   
                 let imgArray = item.split(",").toString(); //转成字符串格式
                 if (imgArray.indexOf("[") != -1) {  //判断左边是否有"["
                   _list[i].imgs.push(        //去调多余的[替换成空
                     imgArray                         
                       .split("[")
                       .join("")
                       .substring(1, imgArray.split("[").join("").length - 1)
                   );
                 }
                 if (imgArray.indexOf("]") != -1) { //判断右边是否有"]"
                   _list[i].imgs.push(
                     imgArray
                       .split("]")
                       .join("")
                       .substring(1, imgArray.split("]").join("").length - 1)
                   );
                 }
               });
             } else if (imgs.length < 2) {  //一张图片的时候判断是数组还是单字符串
               imgs.map((ele, index) => {
                 if (ele.slice(0, 1) != "[") { //通过第一位是不是[来判断
                   _list[i].imgs.push(imgs.toString());
                 } else {
                   _list[i].imgs.push(JSON.parse(imgs).toString());
                 }
               });
             }
           }
         }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值