前端JavaScript工具函数汇总

…待续

1. 数字加千分号

function microMeter(n) {
  if (!n) return
  let numStr = n.toString()
  let pointRight = ''
  numStr.indexOf('.') > -1 ? pointRight = '.' + numStr.split('.')[1] : pointRight // pointRight为小数
  pointLeft = numStr.split('.')[0] // pointLeft为整数
  let leftLength = pointLeft.length // leftLength为整数的长度
  if (leftLength <= 3) { // 整数小于3位数，不用加千分号
    return numStr
  } else {
    let remainder = leftLength % 3
    if (remainder > 0) {
      return pointLeft.slice(0, remainder) + ',' + pointLeft.slice(remainder, leftLength).match(/\d{3}/g).join(',') + pointRight
    } else {
      return pointLeft.slice(0, leftLength).match(/\d{3}/g).join(',') + pointRight
    }
  }
}
console.log(microMeter(1234567890.12345))

2. 日期格式化

function formateDate(date, fmt = 'yyyy-MM-dd hh:mm:ss') {
  if (!date) {
    return ''
  }
  date = typeof date === 'number' ? (new Date(date)) : date
  const o = {
    'M+': date.getMonth() + 1, // 月份
    'd+': date.getDate(), // 日
    'h+': date.getHours(), // 小时
    'm+': date.getMinutes(), // 分
    's+': date.getSeconds(), // 秒
    'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
    S: date.getMilliseconds() // 毫秒
  }
  if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) }
  for (let k in o) {
    if (new RegExp('(' + k + ')').test(fmt)) {
      fmt = fmt.replace(
        RegExp.$1,
        RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
      )
    }
  }
  return fmt
}

3. 图片文件转base64

function turnBase64(file, callBack) {
  const reader = new FileReader()
  reader.readAsDataURL(file)
  reader.onload = e => {
    callBack(e.target.result) // 返回图片的base64地址
  }
}
turnBase64(options.file, (res) => {
  let infoUrl = res // 得到图片的base64地址
})

4. 获取当天的0点和24点

let startTime1 = new Date(new Date(new Date().toLocaleDateString()).getTime()); // 当天0点
let endTime1 = new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1);// 当天23:59