2021-05-29 js常用数据操作需求笔记

业务需求一：

比如我们在写后台管理系统的时候，有一些form表单数据为空的时候可以直接不用传入参数，
传入可能会影响后台接口的准确性.
删除json对象为空的属性

function deleteEmpty(form){
 if (Object.prototype.toString.call(form) === '[object Object]') {
        let keys = Object.keys(form);
        for (let i = 0; i < keys.length; i++) {
          let itemKey = keys[i];
          if (!form[itemKey]&&form[itemKey]!=0) {
              delete form[itemKey];
          }
        }
   }
  return form
}

业务需求二：

比如我们进入一个后台表格列表页，点击进入详情,由于我也是第一次用vue的element-ui组件做后台系统管理界面的开发，比如我们需要在进入某一个页面的时候，发现element-ui的el-radio组件的时候，如果后台返回的是数字1,2这样子的值我们要手动的将详情对象的value如果是数字类型的直接全部转换为字符串类型，这样el-radio的单选按钮在进入页面的时候就可以勾选了，处理的事例代码如下：

/*
 * @Author: chentao 
 * @Date: 2021-05-20 15:53:06 
 * @Last Modified by: chentao
 * @Last Modified time: 2021-05-27 17:23:01
 * 将对象的value由number类型转换为字符串类型
 */

export const objectValueNumberToString = function (object) {
    if (Object.prototype.toString.call(object) === '[object Object]') {
        const keys = Object.keys(object);
        keys.forEach((itemKey, index) => {
            console.log('itemKey', itemKey)
            if (typeof object[itemKey] == 'number') {
                console.log('itemKey', itemKey)
                //将number类型的转换为字符串
                object[itemKey] = object[itemKey] + ''
            }
        })
    }
    return object
}
export default {
    objectValueNumberToString
}

业务需求三：

我们平时经常会用到前端的时间转换，做过前端的都知道我们是用new Date这个对象来操作

小需求1：获取系统当前时间，将系统时间转换为时间戳，有时候后台可能只需要时间戳，示例代码如下：

 var  now =new Date(); //获取系统当前时间
 var now.getTime(); //转变为时间戳 输出 当前时间戳1622259101760

小需求2: 比如有时候获取表格数据，后台可能返回给前端一个时间戳，那这个时候我们要通过时间戳转日期格式，示例代码如下：

1.首先进入我的时间戳转年月日格式代码如下：

//获取年月日
const getDateFormat = function (now) {
    let year = now.getFullYear(); //年
    let month = now.getMonth() + 1; //月
    let day = now.getDate(); //日
    let hh = now.getHours(); //时
    let mm = now.getMinutes(); //分
    let ss = now.getSeconds(); //秒
    let clock = year + "-";
    if (month < 10) {
        clock += "0";
    }
    clock += month + "-";
    if (day < 10) {
        clock += "0";
    }
    return clock
}
//时间格式化时分秒
const getTimeFormat = function (now) {
    var hh = now.getHours(); //时
    var mm = now.getMinutes(); //分
    var ss = now.getSeconds(); //秒
    var clock = "";
    if (hh < 10) {
        clock += "0";
    }
    clock += hh + ":";
    if (mm < 10) {
        clock += "0";
    }
    clock += mm + ":";
    if (ss < 10) {
        clock += "0";
    }
    clock += ss;
    return clock;
}
//时间格式化将new Date()对象转换为00:00:00格式
const getAllTimeFormat = function (now) {
    let year = now.getFullYear(); //年
    let month = now.getMonth() + 1; //月
    let day = now.getDate(); //日
    let hh = now.getHours(); //时
    let mm = now.getMinutes(); //分
    let ss = now.getSeconds(); //秒
    let clock = year + "-";
    if (month < 10) {
        clock += "0";
    }
    clock += month + "-";
    if (day < 10) {
        clock += "0";
    }
    clock += day + " ";
    if (hh < 10) {
        clock += "0";
    }
    clock += hh + ":";
    if (mm < 10) {
        clock += "0";
    }
    clock += mm + ":";
    if (ss < 10) {
        clock += "0";
    }
    clock += ss;
    return clock;
}
//2个date天 day1='2014-03-31 00:00:01';  day2=2014-03-31 00:00:01这种格式
function getDay(day1, day2) {
    var s = day1;
    var dt = Date.parse(s.replace(/-/g, "/"));
    var day1 = new Date(dt);

    var s = day2;
    var dt = Date.parse(s.replace(/-/g, "/"));
    var day2 = new Date(dt);

    var date3 = day1.getTime() - day2.getTime()  //时间差的毫秒数
    //计算出相差天数
    return Math.floor(date3 / (24 * 3600 * 1000))
}
export {
    getDateFormat,
    getTimeFormat,
    getAllTimeFormat,
    getDay
}
//通过上面的getAllTimeFormat()方法来显示成2021-05-29 11:35:35;