|
|
/**
|
|
|
* 工具类
|
|
|
*/
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 格式化日期格式 (用于兼容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)
|
|
|
}
|