首页 > 其他分享 >js tools

js tools

时间：2023-09-14 13:56:00浏览次数：32  
标签：function const param js export time return tools

/* 日期时间格式化

  • @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 ↩︎

标签：function,const,param,js,export,time,return,tools
From： https://www.cnblogs.com/afang/p/17702304.html

相关文章

  • How to delete a file in Node.js All In One
    HowtodeleteafileinNode.jsAllInOnedelete/removefs.unlinkSyncfs.unlinkSync(path)path<string>|<Buffer>|<URL>Synchronous(unlink(2).Returnsundefined.fs.unlinkfs.unlink(path,callback)path<string>|<B......
  • js简单的倒计时器~~⏰
    1.效果图2.html部分3.逻辑部分3.1获取当前时间，时间差//获取当前时间vardate=newDate();varnow=date.getTime();//设置截止时间varstr="2023/9/1412:28:34";varendDate=newDate(str);varend=......
  • netcore请求json斜杠带空格导致请求报错
    我用netcore发布了一个webapi接口，个别电脑，同样的浏览器（谷歌），swagger调用接口的时候，它的json体会加空格，然后请求就会报错。这是控制器里的方法下图是请求输入： 下图是加了空格的请求内容，如红色框所示，带了空格 下图是报错的内容下图是正常请求的内容，可以返回想要的结果......
  • 9-14|npm install --global windows-build-tools 安装太慢了，能够指定国内源
    如果你在中国，并且发现`npm`的包下载速度很慢，那么很可能是因为默认的npm源在国外。为了提高下载速度，你可以使用淘宝的npm镜像。以下是使用淘宝npm镜像的方法：1.**临时使用** ``` npminstall--globalwindows-build-tools--registry=https://registry.npm.taobao.org......
  • java/jsp清除jsp缓存
    InJava:HttpServletResponseresponse=(HttpServletResponse)rep;response.setDateHeader("Expires",-1);response.setHeader("Cache_Control","no-cache");response.setHeader("Pragma","no-ca......
  • JSP两种注释方法
    用了这么久的jsp和java，还不是很清楚jsp页面的注释。^-^1.[b]第一种用显式注释:<!--comment-->[/b]forexample:<!--<geh:checkLogon/>-->此种注释还是会让JVM编译、解释和执行。2.[b]第二种用隐式注释:<%--comment--%>[/b]forexample:<%--......
  • How to fix Tailwind CSS colors not work in Next.js All In One
    HowtofixTailwindCSScolorsnotworkinNext.jsAllInOneTailwindCSS&Next.js13errorimporttype{Config}from'tailwindcss'constconfig:Config={content:['./src/pages/**/*.{js,ts,jsx,tsx,mdx}','......
  • JS深入学习笔记 - 第二章.类和对象
    3.类和对象3.1面向对象这里顺带提一句学习JAVA时，老师说的面向对象和面向过程的区别：面向过程：强调做什么事情，具体什么步骤。举个把大象放进冰箱的例子：打开冰箱门把大象放进冰箱关上冰箱门面向对象：强调的是做动作的主体（称之为对象）冰箱：打开操作冰箱：放的操作（放的可以是大象......
  • js中使用0 “” null undefined {}需要注意 if判断时候都是false,比如判断接收后台数
    js中使用0“”nullundefined{}需要注意if判断时候都是false,比如判断接收后台数据if(data.info){}注意：在js中0为空（false），代表空的还有“”，null，undefined；如果做判断if(！上面的四种值)；返回均为false?1234567console.log(!null);//trueconsole.log(!0);//trueconsole.lo......
  • 关于 Angular 应用里 Rxjs filter 操作符内的双重感叹号的用法
    看下列这段出现在AngularComponent内的代码：protecteduserCostCenters$:Observable<CostCenter[]>=this.userCostCenterService.getActiveCostCenters().pipe(filter((costCenters)=>!!costCenters));这段Angular组件代码涉及到Observable和RxJS操作......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99