后端返回的数据前端通过map修改

最新推荐文章于 2023-08-25 09:55:47 发布

大可大可抖

最新推荐文章于 2023-08-25 09:55:47 发布

阅读量680

点赞数

分类专栏： js 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/p930318/article/details/127890730

版权

js 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

举个例子：后台请求返回为转换的时间（如：2022-11-15T08:14:20.000Z）

在前端处理时间数据需要显示

//处理时间数据
function _pageLeftZero(str) {
  return ('00' + str).substr(str.length);
}

export function formatDate(date, fmt = 'yyyy-MM-dd', errorMessage = '无') {
  if (date === null || date === undefined) {
    // 无数据时返回'无'
    return errorMessage;
  }
  if (typeof date === 'string') {
    date = new Date(date);
  }
  if (/(y+)/.test(fmt)) {
    // 年份
    fmt = fmt.replace(
      RegExp.$1,
      (date.getFullYear() + '').substr(4 - RegExp.$1.length),
    );
  }
  let o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getUTCMinutes(),
    's+': date.getUTCSeconds(),
  };

  for (let k in o) {
    if (new RegExp(`(${k})`).test(fmt)) {
      let str = o[k] + '';

      fmt = fmt.replace(
        RegExp.$1,
        RegExp.$1.length === 1 ? str : _pageLeftZero(str),
      );
    }
  }
  return fmt;
}

.map处理返回数据

axios.get('api/wordData').then(res=>{
        if(res.data instanceof Array && res.data.length>0){
          console.log( res.data)
          this.tableData = res.data.map((m)=>{
            return{
              name : m.name,
              desc : m.desc,
              tag : m.tag,
              dateTime : formatDate(m.dateTime) 
            }
          })
        }
      })