182 lines
4.3 KiB
JavaScript
182 lines
4.3 KiB
JavaScript
/**
|
||
* 工具类
|
||
*/
|
||
|
||
|
||
/**
|
||
* 格式化日期格式 (用于兼容ios Date对象)
|
||
*/
|
||
export const formatDate = (time) => {
|
||
// 将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式
|
||
return time.replace(/\-/g, "/");
|
||
}
|
||
|
||
/**
|
||
* 对象转URL
|
||
* @param {object} obj
|
||
*/
|
||
export const urlEncode = (obj = {}) => {
|
||
const result = []
|
||
for (const key in obj) {
|
||
const item = obj[key]
|
||
if (!item) {
|
||
continue
|
||
}
|
||
if (isArray(item)) {
|
||
item.forEach(val => {
|
||
result.push(key + '=' + val)
|
||
})
|
||
} else {
|
||
result.push(key + '=' + item)
|
||
}
|
||
}
|
||
return result.join('&')
|
||
}
|
||
|
||
/**
|
||
* 遍历对象
|
||
*/
|
||
export const objForEach = (obj, callback) => {
|
||
Object.keys(obj).forEach((key) => {
|
||
callback(obj[key], key)
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 是否在数组内
|
||
*/
|
||
export const inArray = (search, array) => {
|
||
for (var i in array) {
|
||
if (array[i] == search) return true
|
||
}
|
||
return false
|
||
}
|
||
|
||
/**
|
||
* 对Date的扩展,将 Date 转化为指定格式的String
|
||
* 月(Y)、月(m)、日(d)、小时(H)、分(M)、秒(S) 可以用 1-2 个占位符,
|
||
* 例子:
|
||
* dateFormat('YYYY-mm-dd HH:MM:SS', new Date()) ==> 2020-01-01 08:00:00
|
||
*/
|
||
export const dateFormat = (fmt, date) => {
|
||
const opt = {
|
||
"Y+": date.getFullYear().toString(), // 年
|
||
"m+": (date.getMonth() + 1).toString(), // 月
|
||
"d+": date.getDate().toString(), // 日
|
||
"H+": date.getHours().toString(), // 时
|
||
"M+": date.getMinutes().toString(), // 分
|
||
"S+": date.getSeconds().toString() // 秒
|
||
// 有其他格式化字符需求可以继续添加,必须转化成字符串
|
||
};
|
||
let ret
|
||
for (let k in opt) {
|
||
ret = new RegExp("(" + k + ")").exec(fmt)
|
||
if (ret) {
|
||
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
|
||
};
|
||
};
|
||
return fmt
|
||
}
|
||
|
||
/**
|
||
* 判断是否为空对象
|
||
* @param {*} object 源对象
|
||
*/
|
||
export const isEmptyObject = (object) => {
|
||
return Object.keys(object).length === 0
|
||
}
|
||
|
||
/**
|
||
* 判断是否为对象
|
||
* @param {*} object
|
||
*/
|
||
export const isObject = (object) => {
|
||
return Object.prototype.toString.call(object) === '[object Object]'
|
||
}
|
||
|
||
/**
|
||
* 判断是否为数组
|
||
* @param {*} array
|
||
*/
|
||
export const isArray = (array) => {
|
||
return Object.prototype.toString.call(array) === '[object Array]'
|
||
}
|
||
|
||
/**
|
||
* 判断是否为空
|
||
* @param {*} object 源对象
|
||
*/
|
||
export const isEmpty = (value) => {
|
||
if (isArray(value)) {
|
||
return value.length === 0
|
||
}
|
||
if (isObject(value)) {
|
||
return isEmptyObject(value)
|
||
}
|
||
return !value
|
||
}
|
||
|
||
/**
|
||
* 对象深拷贝
|
||
* @param {*} obj 源对象
|
||
*/
|
||
export const cloneObj = (obj) => {
|
||
let newObj = obj.constructor === Array ? [] : {};
|
||
if (typeof obj !== 'object') {
|
||
return;
|
||
}
|
||
for (let i in obj) {
|
||
newObj[i] = typeof obj[i] === 'object' ? cloneObj(obj[i]) : obj[i];
|
||
}
|
||
return newObj
|
||
}
|
||
|
||
// 节流函数
|
||
// 思路: 第一次先设定一个变量true,
|
||
// 第二次执行这个函数时,会判断变量是否true,
|
||
// 是则返回。当第一次的定时器执行完函数最后会设定变量为flase。
|
||
// 那么下次判断变量时则为flase,函数会依次运行。
|
||
export function throttle(fn, delay = 100) {
|
||
// 首先设定一个变量,在没有执行我们的定时器时为null
|
||
var timer = null
|
||
return function() {
|
||
// 当我们发现这个定时器存在时,则表示定时器已经在运行中,需要返回
|
||
if (timer) return
|
||
timer = setTimeout(() => {
|
||
fn.apply(this, arguments)
|
||
timer = null
|
||
}, delay)
|
||
}
|
||
}
|
||
|
||
// 防抖函数
|
||
// 首次运行时把定时器赋值给一个变量, 第二次执行时,
|
||
// 如果间隔没超过定时器设定的时间则会清除掉定时器,
|
||
// 重新设定定时器, 依次反复, 当我们停止下来时,
|
||
// 没有执行清除定时器, 超过一定时间后触发回调函数。
|
||
// 参考文档:https://segmentfault.com/q/1010000021145192
|
||
export function debounce(fn, delay) {
|
||
let timer
|
||
return function() {
|
||
const that = this
|
||
const _args = arguments // 存一下传入的参数
|
||
if (timer) {
|
||
clearTimeout(timer)
|
||
}
|
||
timer = setTimeout(function() {
|
||
fn.apply(that, _args)
|
||
}, delay)
|
||
}
|
||
}
|
||
|
||
|
||
/**
|
||
* 数组交集
|
||
* @param {Array} 数组1
|
||
* @param {Array} 数组2
|
||
* @return {Array}
|
||
*/
|
||
export const arrayIntersect = (array1, array2) => {
|
||
return array1.filter(val => array2.indexOf(val) > -1)
|
||
}
|