tools.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425
  1. export const forEach = (arr, fn) => {
  2. if (!arr.length || !fn) return
  3. let i = -1
  4. const len = arr.length
  5. while (++i < len) {
  6. const item = arr[i]
  7. fn(item, i, arr)
  8. }
  9. }
  10. /**
  11. * @param {Array} arr1
  12. * @param {Array} arr2
  13. * @description 得到两个数组的交集, 两个数组的元素为数值或字符串
  14. */
  15. export const getIntersection = (arr1, arr2) => {
  16. const len = Math.min(arr1.length, arr2.length)
  17. let i = -1
  18. const res = []
  19. while (++i < len) {
  20. const item = arr2[i]
  21. if (arr1.indexOf(item) > -1) res.push(item)
  22. }
  23. return res
  24. }
  25. /**
  26. * @param {Array} arr1
  27. * @param {Array} arr2
  28. * @description 得到两个数组的并集, 两个数组的元素为数值或字符串
  29. */
  30. export const getUnion = (arr1, arr2) => {
  31. return Array.from(new Set([...arr1, ...arr2]))
  32. }
  33. /**
  34. * @param {Array} target 目标数组
  35. * @param {Array} arr 需要查询的数组
  36. * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
  37. */
  38. export const hasOneOf = (targetarr, arr) => {
  39. if (!targetarr) return true
  40. if (!arr) return true
  41. return targetarr.some(_ => arr.indexOf(_) > -1)
  42. }
  43. /**
  44. * @param {String|Number} value 要验证的字符串或数值
  45. * @param {*} validList 用来验证的列表
  46. */
  47. export function oneOf (value, validList) {
  48. for (let i = 0; i < validList.length; i++) {
  49. if (value === validList[i]) {
  50. return true
  51. }
  52. }
  53. return false
  54. }
  55. /**
  56. * @param {Number} timeStamp 判断时间戳格式是否是毫秒
  57. * @returns {Boolean}
  58. */
  59. const isMillisecond = timeStamp => {
  60. const timeStr = String(timeStamp)
  61. return timeStr.length > 10
  62. }
  63. /**
  64. * @param {Number} timeStamp 传入的时间戳
  65. * @param {Number} currentTime 当前时间时间戳
  66. * @returns {Boolean} 传入的时间戳是否早于当前时间戳
  67. */
  68. const isEarly = (timeStamp, currentTime) => {
  69. return timeStamp < currentTime
  70. }
  71. /**
  72. * @param {Number} num 数值
  73. * @returns {String} 处理后的字符串
  74. * @description 如果传入的数值小于10,即位数只有1位,则在前面补充0
  75. */
  76. const getHandledValue = num => {
  77. return num < 10 ? '0' + num : num
  78. }
  79. /**
  80. * @param {Number} timeStamp 传入的时间戳
  81. * @param {Number} startType 要返回的时间字符串的格式类型,传入'year'则返回年开头的完整时间
  82. */
  83. const getDate = (timeStamp, startType) => {
  84. const d = new Date(timeStamp * 1000)
  85. const year = d.getFullYear()
  86. const month = getHandledValue(d.getMonth() + 1)
  87. const date = getHandledValue(d.getDate())
  88. const hours = getHandledValue(d.getHours())
  89. const minutes = getHandledValue(d.getMinutes())
  90. const second = getHandledValue(d.getSeconds())
  91. let resStr = ''
  92. if (startType === 'year') resStr = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + second
  93. else resStr = month + '-' + date + ' ' + hours + ':' + minutes
  94. return resStr
  95. }
  96. /**
  97. * @param {Number} timeStamp 传入的时间戳
  98. * @param {Number} fmt 格式化字符串
  99. */
  100. export const formtDate = (timeStamp, fmt) => {
  101. const d = new Date(timeStamp)
  102. var o = {
  103. 'M+': d.getMonth() + 1, // 月份
  104. 'd+': d.getDate(), // 日
  105. 'h+': d.getHours(), // 小时
  106. 'm+': d.getMinutes(), // 分
  107. 's+': d.getSeconds(), // 秒
  108. 'q+': Math.floor((d.getMonth() + 3) / 3), // 季度
  109. 'S': d.getMilliseconds() // 毫秒
  110. }
  111. if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length))
  112. for (var 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))) }
  113. return fmt
  114. }
  115. /**
  116. * @param {String|Number} timeStamp 时间戳
  117. * @returns {String} 相对时间字符串
  118. */
  119. export const getRelativeTime = timeStamp => {
  120. // 判断当前传入的时间戳是秒格式还是毫秒
  121. const IS_MILLISECOND = isMillisecond(timeStamp)
  122. // 如果是毫秒格式则转为秒格式
  123. if (IS_MILLISECOND) Math.floor(timeStamp /= 1000)
  124. // 传入的时间戳可以是数值或字符串类型,这里统一转为数值类型
  125. timeStamp = Number(timeStamp)
  126. // 获取当前时间时间戳
  127. const currentTime = Math.floor(Date.parse(new Date()) / 1000)
  128. // 判断传入时间戳是否早于当前时间戳
  129. const IS_EARLY = isEarly(timeStamp, currentTime)
  130. // 获取两个时间戳差值
  131. let diff = currentTime - timeStamp
  132. // 如果IS_EARLY为false则差值取反
  133. if (!IS_EARLY) diff = -diff
  134. let resStr = ''
  135. const dirStr = IS_EARLY ? '前' : '后'
  136. // 少于等于59秒
  137. if (diff <= 59) resStr = diff + '秒' + dirStr
  138. // 多于59秒,少于等于59分钟59秒
  139. else if (diff > 59 && diff <= 3599) resStr = Math.floor(diff / 60) + '分钟' + dirStr
  140. // 多于59分钟59秒,少于等于23小时59分钟59秒
  141. else if (diff > 3599 && diff <= 86399) resStr = Math.floor(diff / 3600) + '小时' + dirStr
  142. // 多于23小时59分钟59秒,少于等于29天59分钟59秒
  143. else if (diff > 86399 && diff <= 2623859) resStr = Math.floor(diff / 86400) + '天' + dirStr
  144. // 多于29天59分钟59秒,少于364天23小时59分钟59秒,且传入的时间戳早于当前
  145. else if (diff > 2623859 && diff <= 31567859 && IS_EARLY) resStr = getDate(timeStamp)
  146. else resStr = getDate(timeStamp, 'year')
  147. return resStr
  148. }
  149. // 日期格式化
  150. export const formatSubmitDate = (val, type) => {
  151. if (val == null || val == '' || val == undefined) {
  152. return ''
  153. } else {
  154. const _date = new Date(val)
  155. const _year = _date.getFullYear()
  156. const _montn = (_date.getMonth() + 1) < 10 ? '0' + (_date.getMonth() + 1) : (_date.getMonth() + 1)
  157. const _day = _date.getDate() < 10 ? '0' + _date.getDate() : _date.getDate()
  158. const _hour = _date.getHours() < 10 ? '0' + _date.getHours() : _date.getHours()
  159. const _minutes = _date.getMinutes() < 10 ? '0' + _date.getMinutes() : _date.getMinutes()
  160. const _seconds = _date.getSeconds() < 10 ? '0' + _date.getSeconds() : _date.getSeconds()
  161. if (type == 'minutes') return _year + '-' + _montn + '-' + _day + ' ' + _hour + ':' + _minutes
  162. else if (type == 'seconds') return _year + '-' + _montn + '-' + _day + ' ' + _hour + ':' + _minutes + ':' + _seconds
  163. else return _year + '-' + _montn + '-' + _day
  164. }
  165. }
  166. // 正则验证车牌,验证通过返回true,不通过返回false
  167. export const isLicensePlate = function (str) {
  168. return /^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/.test(str)
  169. }
  170. // 车牌可输入字符
  171. export const isCarNumber = function (str) {
  172. let _value = str + ''
  173. _value = _value.replace(/[^\w\.挂学警港澳使领]/ig, '')
  174. return _value
  175. }
  176. // 校验手机号
  177. export const isMobile = function (str) {
  178. return /^[0-9]{11}$/.test(str)
  179. }
  180. // 小数点后两位
  181. export const numberToFixed = function (val, num) {
  182. let _value = val + ''
  183. _value = _value.replace(/[^\d.]/g, '')// 清楚数字和.以外的字数
  184. _value = _value.replace(/^\./g, '')
  185. _value = _value.replace(/\.{2,}/g, '')// 保留第一个,清楚多余的
  186. if (num == 1)_value = _value.replace(/^(\-)*(\d+)\.(\d).*$/, '$1$2.$3')
  187. else if (num == 3)_value = _value.replace(/^(\-)*(\d+)\.(\d\d\d).*$/, '$1$2.$3')
  188. else if (num == 4)_value = _value.replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/, '$1$2.$3')
  189. else if (num == 5)_value = _value.replace(/^(\-)*(\d+)\.(\d\d\d\d\d).*$/, '$1$2.$3')
  190. else if (num == 0)_value = _value.replace(/^(\-)*(\d+)\.*$/, '$1$2')
  191. else _value = _value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')
  192. return _value
  193. }// 只能输入数字
  194. export const justNumber = function (val) {
  195. let _value = val + ''
  196. _value = _value.replace(/\D/g, '')
  197. return _value
  198. }
  199. /**
  200. * @returns {String} 当前浏览器名称
  201. */
  202. export const getExplorer = () => {
  203. const ua = window.navigator.userAgent
  204. const isExplorer = (exp) => {
  205. return ua.indexOf(exp) > -1
  206. }
  207. if (isExplorer('MSIE')) return 'IE'
  208. else if (isExplorer('Firefox')) return 'Firefox'
  209. else if (isExplorer('Chrome')) return 'Chrome'
  210. else if (isExplorer('Opera')) return 'Opera'
  211. else if (isExplorer('Safari')) return 'Safari'
  212. }
  213. /**
  214. * @description 绑定事件 on(element, event, handler)
  215. */
  216. export const on = (function () {
  217. if (document.addEventListener) {
  218. return function (element, event, handler) {
  219. if (element && event && handler) {
  220. element.addEventListener(event, handler, false)
  221. }
  222. }
  223. } else {
  224. return function (element, event, handler) {
  225. if (element && event && handler) {
  226. element.attachEvent('on' + event, handler)
  227. }
  228. }
  229. }
  230. })()
  231. /**
  232. * @description 解绑事件 off(element, event, handler)
  233. */
  234. export const off = (function () {
  235. if (document.removeEventListener) {
  236. return function (element, event, handler) {
  237. if (element && event) {
  238. element.removeEventListener(event, handler, false)
  239. }
  240. }
  241. } else {
  242. return function (element, event, handler) {
  243. if (element && event) {
  244. element.detachEvent('on' + event, handler)
  245. }
  246. }
  247. }
  248. })()
  249. /**
  250. * 判断一个对象是否存在key,如果传入第二个参数key,则是判断这个obj对象是否存在key这个属性
  251. * 如果没有传入key这个参数,则判断obj对象是否有键值对
  252. */
  253. export const hasKey = (obj, key) => {
  254. if (key) return key in obj
  255. else {
  256. const keysArr = Object.keys(obj)
  257. return keysArr.length
  258. }
  259. }
  260. /**
  261. * @param {*} obj1 对象
  262. * @param {*} obj2 对象
  263. * @description 判断两个对象是否相等,这两个对象的值只能是数字或字符串
  264. */
  265. export const objEqual = (obj1, obj2) => {
  266. const keysArr1 = Object.keys(obj1)
  267. const keysArr2 = Object.keys(obj2)
  268. if (keysArr1.length !== keysArr2.length) return false
  269. else if (keysArr1.length === 0 && keysArr2.length === 0) return true
  270. /* eslint-disable-next-line */
  271. else return !keysArr1.some(key => obj1[key] != obj2[key])
  272. }
  273. /*
  274. * @param {*} id 数字
  275. * @param {*} list 数组
  276. * @description 根据id从数组列表中删除某一项
  277. */
  278. export const removeListById = (id, list) => {
  279. list.splice(list.findIndex(item => item.id === id), 1)
  280. }
  281. /**
  282. * @param {*} obj1 对象
  283. * @param {*} obj2 对象
  284. * @description 遍历赋值
  285. */
  286. export const objExtend = (obj1, obj2) => {
  287. for (var a in obj1) {
  288. obj2[a] = obj1[a]
  289. }
  290. return obj2
  291. }
  292. /**
  293. * @param {*} obj 对象
  294. * @description 浅拷贝
  295. */
  296. export const cloneObj = (obj) => {
  297. const ret = {}
  298. for (var a in obj) {
  299. ret[a] = obj[a]
  300. }
  301. return ret
  302. }
  303. /**
  304. * 校验身份证号合法性
  305. */
  306. export const checkIdNumberValid = (tex) => {
  307. // var tip = '输入的身份证号有误,请检查后重新输入!'
  308. let num = tex
  309. num = num.toUpperCase()
  310. const len = num.length
  311. let re
  312. if (len == 0) return true
  313. // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。
  314. if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {
  315. return false
  316. }
  317. // 验证前两位地区是否有效
  318. const aCity = { 11: '北京',
  319. 12: '天津',
  320. 13: '河北',
  321. 14: '山西',
  322. 15: '内蒙古',
  323. 21: '辽宁',
  324. 22: '吉林',
  325. 23: '黑龙江',
  326. 31: '上海',
  327. 32: '江苏',
  328. 33: '浙江',
  329. 34: '安徽',
  330. 35: '福建',
  331. 36: '江西',
  332. 37: '山东',
  333. 41: '河南',
  334. 42: '湖北',
  335. 43: '湖南',
  336. 44: '广东',
  337. 45: '广西',
  338. 46: '海南',
  339. 50: '重庆',
  340. 51: '四川',
  341. 52: '贵州',
  342. 53: '云南',
  343. 54: '西藏',
  344. 61: '陕西',
  345. 62: '甘肃',
  346. 63: '青海',
  347. 64: '宁夏',
  348. 65: '新疆',
  349. 71: '台湾',
  350. 81: '香港',
  351. 82: '澳门',
  352. 91: '国外' }
  353. if (aCity[parseInt(num.substr(0, 2))] == null) {
  354. return false
  355. }
  356. // 当身份证为15位时的验证出生日期。
  357. if (len == 15) {
  358. re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/)
  359. const arrSplit = num.match(re)
  360. // 检查生日日期是否正确
  361. const dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4])
  362. const bGoodDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]))
  363. if (!bGoodDay) {
  364. return false
  365. }
  366. }
  367. // 当身份证号为18位时,校验出生日期和校验位。
  368. if (len == 18) {
  369. re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/)
  370. const arrSplit = num.match(re)
  371. // 检查生日日期是否正确
  372. const dtmBirth = new Date(arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4])
  373. const bGoodDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]))
  374. if (!bGoodDay) {
  375. return false
  376. } else {
  377. // 检验18位身份证的校验码是否正确。
  378. // 校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
  379. let valnum
  380. const arrInt = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
  381. const arrCh = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2']
  382. let nTemp = 0
  383. let i
  384. for (i = 0; i < 17; i++) {
  385. nTemp += num.substr(i, 1) * arrInt[i]
  386. }
  387. valnum = arrCh[nTemp % 11]
  388. if (valnum != num.substr(17, 1)) {
  389. return false
  390. }
  391. }
  392. }
  393. return true
  394. }