utils.js 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. export default {
  2. /**
  3. * 同步 try catch 的进一步封装处理
  4. * 使用方法:
  5. * let [err, res] = await this.$utils.asyncTasks(Promise函数);
  6. * if(res) 成功
  7. * if(err) 失败
  8. */
  9. asyncTasks(promise) {
  10. return promise.then(data => {
  11. return [null, data];
  12. }).catch(err => [err]);
  13. },
  14. /**
  15. * 精确判断数据是否是 Object 类型
  16. * @param {Any} val 要判断的数据
  17. * @returns {Boolean} true:是;false:不是;
  18. */
  19. isObject(val) {
  20. return Object.prototype.toString.call(val) === '[object Object]' && val !== null && val !== undefined;
  21. },
  22. /**
  23. * 判断数据是否是 Array 类型
  24. * @param {Any} val 要判断的数据
  25. * @returns {Boolean} true:是;false:不是;
  26. */
  27. isArray(val) {
  28. return Object.prototype.toString.call(val) === '[object Array]';
  29. },
  30. /**
  31. * 判断数据是否是 String 类型
  32. * @param {Any} val 要判断的数据
  33. * @returns {Boolean} true:是;false:不是;
  34. */
  35. isString(val) {
  36. return Object.prototype.toString.call(val) === '[object String]';
  37. },
  38. /**
  39. * 精确判断数据是否是 Date 类型
  40. * @param {Any} val 要判断的数据
  41. * @returns {Boolean} true:是;false:不是;
  42. */
  43. isDate(val) {
  44. return Object.prototype.toString.call(val) === '[object Date]';
  45. },
  46. /**
  47. * 精确判断数据是否是 Function 类型
  48. * @param {Any} val 要判断的数据
  49. * @returns {Boolean} true:是;false:不是;
  50. */
  51. isFunction(val) {
  52. return Object.prototype.toString.call(val) === '[object Function]';
  53. },
  54. /**
  55. * 精确判断数据是否是 Number 类型
  56. * @param {Any} val 要判断的数据
  57. * @returns {Boolean} true:是;false:不是;
  58. */
  59. isNumber(val) {
  60. return Object.prototype.toString.call(val) === '[object Number]';
  61. },
  62. /**
  63. * 精确判断数据是否是 Boolean 类型
  64. * @param {Any} val 要判断的数据
  65. * @returns {Boolean} true:是;false:不是;
  66. */
  67. isBoolean(val) {
  68. return Object.prototype.toString.call(val) === '[object Boolean]';
  69. },
  70. /**
  71. * 判断 URL 是否是绝对 URL。
  72. * @param {String} url 要判断的 URL
  73. * @return {Boolean} true:是绝对URL;false:不是绝对URL;
  74. */
  75. isAbsoluteURL(url) {
  76. // 如果 URL 以 “<scheme>://” 或 “//”(协议相对URL)开头,则认为它是绝对的
  77. // RFC 3986 将方案名称定义为以字母开头的字符序列,然后是字母,数字,加号,句点或连字符的任意组合
  78. return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
  79. },
  80. /**
  81. * 合并 baseURL 和相对 URL 成一个完整的 URL
  82. * @param {String} baseURL baseURL
  83. * @param {String} relativeURL 相对 URL
  84. * @returns {String} 返回组合后的完整 URL
  85. */
  86. combineURLs(baseURL, relativeURL) {
  87. return relativeURL && this.isString(relativeURL) && this.isString(baseURL) ? baseURL.replace(/\/+$/, '') + '/' +
  88. relativeURL.replace(/^\/+/, '') : baseURL;
  89. },
  90. /**
  91. * 深度合并对象,只支持合并两个对象,该方法不会改变原有的对象
  92. * @param {Object} FirstOBJ 第一个对象
  93. * @param {Object} SecondOBJ 第二个对象
  94. * @return {Object} 返回深度合并后的对象
  95. */
  96. deepMargeObject(FirstOBJ, SecondOBJ) {
  97. let ResultOBJ = {};
  98. for (let key in FirstOBJ) {
  99. ResultOBJ[key] = ResultOBJ[key] && ResultOBJ[key].toString() === "[object Object]" ? this.deepMargeObject(ResultOBJ[
  100. key], FirstOBJ[key]) : ResultOBJ[key] = FirstOBJ[key];
  101. }
  102. for (let key in SecondOBJ) {
  103. ResultOBJ[key] = ResultOBJ[key] && ResultOBJ[key].toString() === "[object Object]" ? this.deepMargeObject(ResultOBJ[
  104. key], SecondOBJ[key]) : ResultOBJ[key] = SecondOBJ[key];
  105. }
  106. return ResultOBJ;
  107. },
  108. /**
  109. * 生成指定长度的随机字符串
  110. * @param {Number} min 最小程度
  111. * @param {Number} max 最大长度
  112. * @return {String} 返回生成的字符串
  113. */
  114. randomString(min, max) {
  115. let returnStr = "",
  116. range = (max ? Math.round(Math.random() * (max - min)) + min : min),
  117. arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l',
  118. 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I',
  119. 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
  120. ];
  121. for (let i = 0; i < range; i++) {
  122. let index = Math.round(Math.random() * (arr.length - 1));
  123. returnStr += arr[index];
  124. }
  125. return returnStr;
  126. },
  127. /**
  128. * 格式化日期
  129. * @param {Date|String} date 日期或日期字符串
  130. */
  131. formatDate(date) {
  132. let YYYY = null;
  133. let M = null;
  134. let MM = null;
  135. let D = null;
  136. let DD = null;
  137. let h = null;
  138. let hh = null;
  139. let m = null;
  140. let mm = null;
  141. let s = null;
  142. let ss = null;
  143. let ms = null;
  144. let ms2 = null;
  145. let ms3 = null;
  146. let ms4 = null;
  147. let dt = null;
  148. // 如果 date 是 String 类型
  149. if (date && this.isString(date)) {
  150. // 真机运行时,如果直接用 new Date('YYYY-MM-DD hh:mm:ss') 会报 Invalid Date 错误,所以采用下面的方式创建日期
  151. let dtArr = date.replace(/\//g, '.').replace(/-/g, '.').replace(/:/g, '.').replace(/T/g, ' ').replace(' ', '.').replace(
  152. 'Z', '').split('.');
  153. let year = 2020;
  154. let month = 12;
  155. let day = 18;
  156. let hour = 0;
  157. let minute = 0;
  158. let second = 0;
  159. let millisecond = 0;
  160. // 年
  161. if (dtArr.length > 0 && !isNaN(dtArr[0])) {
  162. year = parseInt(dtArr[0]);
  163. }
  164. // 月
  165. if (dtArr.length > 1 && !isNaN(dtArr[1])) {
  166. month = parseInt(dtArr[1]);
  167. }
  168. // 日
  169. if (dtArr.length > 2 && !isNaN(dtArr[2])) {
  170. day = parseInt(dtArr[2]);
  171. }
  172. // 时
  173. if (dtArr.length > 3 && !isNaN(dtArr[3])) {
  174. hour = parseInt(dtArr[3]);
  175. }
  176. // 分
  177. if (dtArr.length > 4 && !isNaN(dtArr[4])) {
  178. minute = parseInt(dtArr[4]);
  179. }
  180. // 秒
  181. if (dtArr.length > 5 && !isNaN(dtArr[5])) {
  182. second = parseInt(dtArr[5]);
  183. }
  184. // 毫秒
  185. if (dtArr.length > 6 && !isNaN(dtArr[6])) {
  186. millisecond = parseInt(dtArr[6]);
  187. }
  188. date = new Date(year, month - 1, day, hour, minute, second, millisecond);
  189. }
  190. // 如果 date 是 Date 类型
  191. if (date && this.isDate(date)) {
  192. YYYY = date.getFullYear();
  193. M = date.getMonth() + 1;
  194. MM = M >= 10 ? M : '0' + M;
  195. D = date.getDate();
  196. DD = D >= 10 ? D : '0' + D;
  197. h = date.getHours();
  198. hh = h >= 10 ? h : '0' + h;
  199. m = date.getMinutes();
  200. mm = m >= 10 ? m : '0' + m;
  201. s = date.getSeconds();
  202. ss = s >= 10 ? s : '0' + s;
  203. ms = date.getMilliseconds();
  204. ms2 = ms;
  205. ms3 = ms;
  206. ms4 = ms;
  207. if (ms < 10) {
  208. ms2 = '0' + ms;
  209. ms3 = '00' + ms;
  210. ms4 = '000' + ms;
  211. } else if (ms < 100) {
  212. ms3 = '0' + ms;
  213. ms4 = '00' + ms;
  214. } else {
  215. ms4 = '0' + ms;
  216. }
  217. }
  218. // 返回的数据对象
  219. let result = {
  220. YYYY: YYYY,
  221. MM: MM,
  222. M: M,
  223. DD: DD,
  224. D: D,
  225. hh: hh,
  226. h: h,
  227. mm: mm,
  228. m: m,
  229. ss: ss,
  230. s: s,
  231. ms: ms,
  232. ms2: ms2,
  233. ms3: ms3,
  234. ms4: ms4,
  235. dt: date,
  236. f1: `${YYYY}-${MM}-${DD}`,
  237. f2: `${YYYY}年${MM}月${DD}日`,
  238. f3: `${YYYY}-${MM}-${DD} ${hh}:${mm}`,
  239. f4: `${YYYY}-${MM}-${DD} ${hh}:${mm}:${ss}`,
  240. f5:`${YYYY}/${MM}/${DD} ${hh}:${mm}`,
  241. f6:`${YYYY}/${MM}/${DD} ${hh}:${mm}:${ss}`,
  242. f7: `${hh}:${mm}:${ss}`,
  243. f8: `${MM}-${DD}`,
  244. f9: `${YYYY}-${MM}`,
  245. f10: `${YYYY}年${MM}月`,
  246. f11: `${hh}:${mm}`,
  247. f12: `${M}月${D}日`,
  248. notes: 'YYYY(年),MM(月,补0),M(月,不补0),DD(日,补0),D(日,不补0),hh(时,补0),h(时,不补0),mm(分,补0),m(分,不补0),ss(秒,补0),s(秒,不补0),ms(毫秒,不补0),ms2(毫秒,补0到2位),ms3(毫秒,补0到3位),ms4(毫秒,补0到4位),其余的f1,f2,... 看格式就知道了!'
  249. };
  250. return result;
  251. },
  252. /**
  253. * 数字转中文
  254. * @param {Number} num 数字
  255. */
  256. numberToChinese(num) {
  257. if (!/^\d*(\.\d*)?$/.test(num)) return "Number is wrong!";
  258. let AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");
  259. let BB = new Array("", "十", "百", "千", "万", "亿", "点", "");
  260. let a = ("" + num).replace(/(^0*)/g, "").split("."),
  261. k = 0,
  262. re = "";
  263. for (let i = a[0].length - 1; i >= 0; i--) {
  264. switch (k) {
  265. case 0:
  266. re = BB[7] + re;
  267. break;
  268. case 4:
  269. if (!new RegExp("0{4}\\d{" + (a[0].length - i - 1) + "}$").test(a[0]))
  270. re = BB[4] + re;
  271. break;
  272. case 8:
  273. re = BB[5] + re;
  274. BB[7] = BB[5];
  275. k = 0;
  276. break;
  277. }
  278. if (k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0) re = AA[0] + re;
  279. if (a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k % 4] + re;
  280. k++;
  281. }
  282. if (a.length > 1) //加上小数部分(如果有小数部分)
  283. {
  284. re += BB[6];
  285. for (let i = 0; i < a[1].length; i++) re += AA[a[1].charAt(i)];
  286. }
  287. return re;
  288. },
  289. /**
  290. * 计算两个经纬度点之间的距离
  291. * @param {Number} lng1 第一个点的经度
  292. * @param {Number} lat1 第一个点的纬度
  293. * @param {Number} lng2 第二个点的经度
  294. * @param {Number} lat2 第二个点的纬度
  295. */
  296. calcDistance(lng1, lat1, lng2, lat2) {
  297. var radLat1 = lat1 * Math.PI / 180.0;
  298. var radLat2 = lat2 * Math.PI / 180.0;
  299. var a = radLat1 - radLat2;
  300. var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
  301. var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
  302. Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
  303. s = s * 6378.137; // EARTH_RADIUS;
  304. s = Math.round(s * 10000) / 10000;
  305. return s;
  306. },
  307. /**
  308. * 获取数组最小值的下标
  309. * @param {Array} arr 数组
  310. */
  311. getArrayMixValueIndex(arrar) {
  312. let min = arrar[0];
  313. let index = 0;
  314. for (let i = 0; i < arrar.length; i++) {
  315. if (min > arrar[i]) {
  316. min = arrar[i];
  317. index = i;
  318. }
  319. }
  320. return index;
  321. }
  322. }