526互联

js tools

发布时间 2023-09-14 13:51:27作者: Teaism

/* 日期时间格式化

  • @date 日期||时间
  • @type dayjs的format类型
    */
    export const format = (date, type = 'YYYY-MM-DD') => {
    if (!date) return ''

const u = navigator.userAgent;
const isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);
if(isIOS && type == 'YYYY-MM-DD') {
type = 'yyyy-MM-dd'
}
if(isIOS && type == 'YYYY-MM-DD HH:mm:ss') {
type = 'yyyy-MM-ddTHH:mm:ss'
}
if (date == 'now') {
return dayjs(new Date()).format(type)
} else {
return dayjs(new Date(date)).format(type)
}
}

/**

  • Parse the time to string

  • @param {(Object|string|number)} time

  • @param {string} cFormat

  • @returns {string | null}
    */
    export function parseTime(time, cFormat) {
    if (arguments.length === 0 || !time) {
    return null
    }
    const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
    let date
    if (typeof time === 'object') {
    date = time
    } else {
    if ((typeof time === 'string')) {
    if ((/[1]+$/.test(time))) {
    // support "1548221490638"
    time = parseInt(time)
    } else {
    // support safari
    // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
    time = time.replace(new RegExp(/-/gm), '/')
    }
    }

    if ((typeof time === 'number') && (time.toString().length === 10)) {
    time = time * 1000
    }
    date = new Date(time)
    }
    const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay()
    }
    const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
    const value = formatObj[key]
    // Note: getDay() returns 0 on Sunday
    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
    return value.toString().padStart(2, '0')
    })
    return time_str
    }

/**

  • @param {number} time
  • @param {string} option
  • @returns {string}
    */
    export function formatTime(time, option) {
    if (('' + time).length === 10) {
    time = parseInt(time) * 1000
    } else {
    time = +time
    }
    const d = new Date(time)
    const now = Date.now()

const diff = (now - d) / 1000

if (diff < 30) {
return '刚刚'
} else if (diff < 3600) {
// less 1 hour
return Math.ceil(diff / 60) + '分钟前'
} else if (diff < 3600 * 24) {
return Math.ceil(diff / 3600) + '小时前'
} else if (diff < 3600 * 24 * 2) {
return '1天前'
}
if (option) {
return parseTime(time, option)
} else {
return (
d.getMonth() +
1 +
'月' +
d.getDate() +
'日' +
d.getHours() +
'时' +
d.getMinutes() +
'分'
)
}
}

/**

  • @param {string} url
  • @returns {Object}
    /
    export function getQueryObject(url) {
    url = url == null ? window.location.href : url
    const search = url.substring(url.lastIndexOf('?') + 1)
    const obj = {}
    const reg = /([?&=]+)=([?&=]    )/g
    search.replace(reg, (rs, $1, $2) => {
    const name = decodeURIComponent($1)
    let val = decodeURIComponent($2)
    val = String(val)
    obj[name] = val
    return rs
    })
    return obj
    }

/**

  • @param {string} input value
  • @returns {number} output value
    */
    export function byteLength(str) {
    // returns the byte length of an utf8 string
    let s = str.length
    for (var i = str.length - 1; i >= 0; i--) {
    const code = str.charCodeAt(i)
    if (code > 0x7f && code <= 0x7ff) s++
    else if (code > 0x7ff && code <= 0xffff) s += 2
    if (code >= 0xDC00 && code <= 0xDFFF) i--
    }
    return s
    }

/**

  • @param {Array} actual
  • @returns {Array}
    */
    export function cleanArray(actual) {
    const newArray = []
    for (let i = 0; i < actual.length; i++) {
    if (actual[i]) {
    newArray.push(actual[i])
    }
    }
    return newArray
    }

/**

  • @param {Object} json
  • @returns {Array}
    */
    export function param(json) {
    if (!json) return ''
    return cleanArray(
    Object.keys(json).map(key => {
    if (json[key] === undefined) return ''
    return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
    })
    ).join('&')
    }

/**

  • @param {string} url
  • @returns {Object}
    */
    export function param2Obj(url) {
    const search = decodeURIComponent(url.split('?')[1]).replace(/+/g, ' ')
    if (!search) {
    return {}
    }
    const obj = {}
    const searchArr = search.split('&')
    searchArr.forEach(v => {
    const index = v.indexOf('=')
    if (index !== -1) {
    const name = v.substring(0, index)
    const val = v.substring(index + 1, v.length)
    obj[name] = val
    }
    })
    return obj
    }

/**

  • @param {string} val
  • @returns {string}
    */
    export function html2Text(val) {
    const div = document.createElement('div')
    div.innerHTML = val
    return div.textContent || div.innerText
    }

/**

  • Merges two objects, giving the last one precedence
  • @param {Object} target
  • @param {(Object|Array)} source
  • @returns {Object}
    */
    export function objectMerge(target, source) {
    if (typeof target !== 'object') {
    target = {}
    }
    if (Array.isArray(source)) {
    return source.slice()
    }
    Object.keys(source).forEach(property => {
    const sourceProperty = source[property]
    if (typeof sourceProperty === 'object') {
    target[property] = objectMerge(target[property], sourceProperty)
    } else {
    target[property] = sourceProperty
    }
    })
    return target
    }

/**

  • @param {HTMLElement} element
  • @param {string} className
    */
    export function toggleClass(element, className) {
    if (!element || !className) {
    return
    }
    let classString = element.className
    const nameIndex = classString.indexOf(className)
    if (nameIndex === -1) {
    classString += '' + className
    } else {
    classString =
    classString.substr(0, nameIndex) +
    classString.substr(nameIndex + className.length)
    }
    element.className = classString
    }

/**

  • @param {string} type
  • @returns {Date}
    */
    export function getTime(type) {
    if (type === 'start') {
    return new Date().getTime() - 3600 * 1000 * 24 * 90
    } else {
    return new Date(new Date().toDateString())
    }
    }

/**

  • @param {Function} func
  • @param {number} wait
  • @param {boolean} immediate
  • @return {*}
    */
    export function debounce(func, wait, immediate) {
    let timeout, args, context, timestamp, result

const later = function() {
// 据上一次触发时间间隔
const last = +new Date() - timestamp

// 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
if (last < wait && last > 0) {
  timeout = setTimeout(later, wait - last)
} else {
  timeout = null
  // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
  if (!immediate) {
    result = func.apply(context, args)
    if (!timeout) context = args = null
  }
}

}

return function(...args) {
context = this
timestamp = +new Date()
const callNow = immediate && !timeout
// 如果延时不存在，重新设定延时
if (!timeout) timeout = setTimeout(later, wait)
if (callNow) {
result = func.apply(context, args)
context = args = null
}

return result

}
}

/**

  • This is just a simple version of deep copy
  • Has a lot of edge cases bug
  • If you want to use a perfect deep copy, use lodash's _.cloneDeep
  • @param {Object} source
  • @returns {Object}
    */
    export function deepClone(source) {
    if (!source && typeof source !== 'object') {
    throw new Error('error arguments', 'deepClone')
    }
    const targetObj = source.constructor === Array ? [] : {}
    Object.keys(source).forEach(keys => {
    if (source[keys] && typeof source[keys] === 'object') {
    targetObj[keys] = deepClone(source[keys])
    } else {
    targetObj[keys] = source[keys]
    }
    })
    return targetObj
    }

/**

  • @param {Array} arr
  • @returns {Array}
    */
    export function uniqueArr(arr) {
    return Array.from(new Set(arr))
    }

/**

  • @returns {string}
    */
    export function createUniqueString() {
    const timestamp = +new Date() + ''
    const randomNum = parseInt((1 + Math.random()) * 65536) + ''
    return (+(randomNum + timestamp)).toString(32)
    }

/**

  • Check if an element has a class
  • @param {HTMLElement} elm
  • @param {string} cls
  • @returns {boolean}
    */
    export function hasClass(ele, cls) {
    return !!ele.className.match(new RegExp('(\s|^)' + cls + '(\s|$)'))
    }

/**

  • Add class to element
  • @param {HTMLElement} elm
  • @param {string} cls
    */
    export function addClass(ele, cls) {
    if (!hasClass(ele, cls)) ele.className += ' ' + cls
    }

/**

  • Remove class from element
  • @param {HTMLElement} elm
  • @param {string} cls
    */
    export function removeClass(ele, cls) {
    if (hasClass(ele, cls)) {
    const reg = new RegExp('(\s|^)' + cls + '(\s|$)')
    ele.className = ele.className.replace(reg, ' ')
    }
    }

// 加减乘除 & 金额处理====

/*

  • 四舍五入精确位数
    */
    export function calcRound(num, n) {
    let f = parseFloat(num);
    if (isNaN(f)) {
    return false;
    }
    f = Math.round(num * Math.pow(10, n)) / Math.pow(10, n);
    let s = f.toString();
    let rs = s.indexOf('.');
    if (rs < 0 && n > 0) {
    rs = s.length;
    s += '.';
    }

while (s.length <= rs + n) {
s += '0';
}
return s;
}
/*加法函数，用来得到精确的加法结果
*说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
*调用：calcAdd(arg1,arg2)
*返回值：arg1加上arg2的精确结果
/
export function calcAdd(arg1, arg2) {
let r1,
r2,
m = 1;
try {
r1 = arg1.toString().split('.')[1].length;
} catch (e) {
r1 = 0;
}
try {
r2 = arg2.toString().split('.')[1].length;
} catch (e) {
r2 = 0;
}
m = Math.pow(10, Math.max(r1, r2));
return (arg1 * m + arg2 * m) / m;
}
/减法函数，用来得到精确的减法结果
*说明：javascript的减法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的减法结果。
*调用：calcSubtr(arg1,arg2)
*返回值：arg1减去arg2的精确结果
*/
export function calcSubtr(arg1, arg2) {
let r1,
r2,
m = 1,
n = 0;
try {
r1 = arg1.toString().split('.')[1].length;
} catch (e) {
r1 = 0;
}
try {
r2 = arg2.toString().split('.')[1].length;
} catch (e) {
r2 = 0;
}
m = Math.pow(10, Math.max(r1, r2));
//动态控制精度长度
n = r1 >= r2 ? r1 : r2;
return ((arg1 * m - arg2 * m) / m).toFixed(n);
}

/*乘法函数，用来得到精确的乘法结果
*说明：javascript的乘法结果会有误差，在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。
*调用：calcMul(arg1,arg2)
*返回值：arg1乘以arg2的精确结果
*/
export function calcMul(arg1, arg2) {
let m = 0;
const s1 = arg1.toString(),
s2 = arg2.toString();
try {
m += s1.split('.')[1].length;
} catch (e) {}
try {
m += s2.split('.')[1].length;
} catch (e) {}
return (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m);
}

/*除法函数，用来得到精确的除法结果

  • 说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。
  • 调用：calcDiv(arg1,arg2)
  • 返回值：arg1除以arg2的精确结果
    */
    function calcDiv(arg1, arg2) {
    let t1 = 0,
    t2 = 0;
    let r1 = 0,
    r2 = 1;
    try {
    t1 = arg1.toString().split('.')[1].length;
    } catch (e) {}
    try {
    t2 = arg2.toString().split('.')[1].length;
    } catch (e) {}
    r1 = Number(arg1.toString().replace('.', ''));
    r2 = Number(arg2.toString().replace('.', ''));
    return (r1 / r2) * Math.pow(10, t2 - t1);
    }

/*

  • 元转分
    */
    export function yuanToCents(num) {
    if(!num) { return 0}
    return calcMul(num, 100);
    }

/*

  • 分转元
  • n 默认2带两位小数点
    */
    export function centsToYuan(num, n=2) {
    if(!num) { return 0}
    return calcRound(calcDiv(num, 100), n);
    }

export function getTimeFun(date) {
const timeGl = new Date(date);
let yyyy = timeGl.getFullYear();
// getMonth方法返回的是0-11之间的数字，代表1-12月份，若想和日历的月份时间对应，需要+1。
let month = (timeGl.getMonth() + 1);
if (month < 10) {
month = "0" + month
}
let day = (timeGl.getDate() < 10) ? ("0" + timeGl.getDate()) : (timeGl.getDate());
let hours = (timeGl.getHours() < 10) ? ("0" + timeGl.getHours()) : (timeGl.getHours());
let minutes = (timeGl.getMinutes() < 10) ? ("0" + timeGl.getMinutes()) : (timeGl.getMinutes());
let seconds = (timeGl.getSeconds() < 10) ? ("0" + timeGl.getSeconds()) : (timeGl.getSeconds());

let yyyyMMddHHmmss = yyyy + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
return yyyyMMddHHmmss;
}

  1. 0-9 ↩︎