首页 > 其他分享 >将后端的application/json的格式数据类型转换成前端需要的类型格式

将后端的application/json的格式数据类型转换成前端需要的类型格式

时间:2023-02-27 12:22:06浏览次数:47  
标签:console log application handleDate 数据类型 replace item 格式 数据

前提:后端返回的数据内容

但是红框的数据对于前端来说是不正确的数据

所以我感觉前端处理这个数据本身这个操作都很傻X
但是我尝试进行转换代码如下

得到的数据:

点击查看代码
const interfaceDate = '"["2023-02-23","2023-02-24"]"' // 1. 将后端返回的数据用单引号进行包裹
    console.log('双引号的替换', interfaceDate.replace(/["]/g, ''))
    let handleDate = interfaceDate.replace(/["]/g, '').split(',') // 2. 将双引号进行替换为空,并进行切割成数组的形式
    console.log('handleDate1', handleDate) // 当前的数据已经数组了,只是数据不纯粹,有杂质
    handleDate = handleDate.map((item) => { // 3. 将杂质的数据进行过滤
      if (item.includes('[')) {
        return item.replace('[', '')
      } else if (item.includes(']')) {
        return item.replace(']', '')
      }
      return item
    })
    console.log('handleDate的类型', Array.isArray(handleDate))
    console.log('handleDate', handleDate) // 4. 得到自己需要的数据

标签:console,log,application,handleDate,数据类型,replace,item,格式,数据
From: https://www.cnblogs.com/duocaishijie/p/17159215.html

相关文章

  • CSS 文本格式
    文本格式Thistextisstyledwithsomeofthetextformattingproperties.Theheadingusesthetext-align,text-transform,andcolorproperties.Theparagraph......
  • ORACLE空间管理实验8:数据块格式分析--DUMP结合BBED
    使用DUMP数据块格式结合BBED进行查看。####################实验准备步骤:BYS@bys3>createtabletest6(aaint,bbvarchar2(10));Tablecrea......
  • 时间戳 格式互相转化 年-月-日 时:分:秒
    dayjs插件<scriptsrc="https://unpkg.com/[email protected]/dayjs.min.js"></script>比如根据时间戳直接获取今天周几、几号…… letnow=newDate()/......
  • ffmpeg视频格式转换
    importosmp4_dir_path=r'F:\2023_02_21\du_zhan\转换视频\mp4'gp3_dir_path=r'F:\2023_02_21\du_zhan\转换视频\3gp'forfinos.listdir(mp4_dir_path):mp......
  • 【转载】vsCode JS代码格式化插件ESlint
    验证有效,Ctrl+S保存代码全格式化了。写这个主要是个人笔记,算不得重复造。转载自:https://blog.csdn.net/qq_34803821/article/details/849727811、安装插件VSCode中打开......
  • 基础10:MySQL数据类型
    一、MySQL中的数据类型类型类型举例整数类型TINYINT、SMALLINT、MEDIUMINT、INT(或INTEGER)、BIGINT浮点类型FLOAT、DOUBLE定点数类型DECIMAL位类型......
  • go结构体打印格式化成json
    需要用到json.MarshalIndent方法官方的注释是:MarshalIndent类似于Marshal,但应用Indent来格式化输出。输出中的每个JSON元素都将以一个新行开始,该新行以前缀开头,后跟......
  • 5.4- 指令格式设计
    指令格式设计的主要内容根据指令数量的要求及是否支持操作码扩展,确定操作码字段的位数根据对操作数的要求确定地址码字段的个数根据寻址方式的要求,为每个地址码字段确......
  • 02_18_Java语音进阶||day18_Java基础小节练习(17-20部分)数据类型转换&运算符&方法入门
    第一部分数据类型转换&运算符&方法入门第一题编写步骤:定义类Test1定义main方法定义两个byte类型变量b1,b2,并分别赋值为10和20.定义变量b3,保存b1和b2的和,并输出.定义两......
  • 【Redis】字符串String 数据类型详解
    String是Redis最基本的数据类型,一个Key对应一个Value,一个Redis中字符串Value最多可以是512MString类型是二进制安全的,意味着Redis的String可以包含任何数据。比如照片或者序......