【js】 合并 baseURL 和相对 URL ；深度合并对象，只支持合并两个对象，该方法不会改变原有的对象；数字转中文； 计算两个经纬度点之间的距离； 获取数组最小值的下标

最新推荐文章于 2023-07-29 23:30:41 发布
最新推荐文章于 2023-07-29 23:30:41 发布
阅读量167 收藏
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AAAXiaoApple/article/details/130280714
版权

精确判断数据是否是 Object 类型；
Array 类型；
String 类型；
Date 类型；
Function 类型；
Number 类型；
Boolean 类型；
判断 URL 是否是绝对 URL；
合并 baseURL 和相对 URL 成一个完整的 URL；
深度合并对象，只支持合并两个对象，该方法不会改变原有的对象；
生成指定长度的随机字符串；
格式化日期；
数字转中文；
计算两个经纬度点之间的距离；
获取数组最小值的下标

export default {
	/**
	 * 同步 try catch 的进一步封装处理
	 * 使用方法：
	 * let [err, res] = await this.$utils.asyncTasks(Promise函数);
	 * if(res) 成功
	 * if(err) 失败
	 */
	asyncTasks(promise) {
		return promise.then(data => {
			return [null, data];
		}).catch(err => [err]);
	},

	/**
	 * 精确判断数据是否是 Object 类型
	 * @param {Any} val 要判断的数据
	 * @returns {Boolean} true：是；false：不是；
	 */
	isObject(val) {
		return Object.prototype.toString.call(val) === '[object Object]' && val !== null && val !== undefined;
	},

	/**
	 * 判断数据是否是 Array 类型
	 * @param {Any} val 要判断的数据
	 * @returns {Boolean} true：是；false：不是；
	 */
	isArray(val) {
		return Object.prototype.toString.call(val) === '[object Array]';
	},

	/**
	 * 判断数据是否是 String 类型
	 * @param {Any} val 要判断的数据
	 * @returns {Boolean} true：是；false：不是；
	 */
	isString(val) {
		return Object.prototype.toString.call(val) === '[object String]';
	},

	/**
	 * 精确判断数据是否是 Date 类型
	 * @param {Any} val 要判断的数据
	 * @returns {Boolean} true：是；false：不是；
	 */
	isDate(val) {
		return Object.prototype.toString.call(val) === '[object Date]';
	},

	/**
	 * 精确判断数据是否是 Function 类型
	 * @param {Any} val 要判断的数据
	 * @returns {Boolean} true：是；false：不是；
	 */
	isFunction(val) {
		return Object.prototype.toString.call(val) === '[object Function]';
	},

	/**
	 * 精确判断数据是否是 Number 类型
	 * @param {Any} val 要判断的数据
	 * @returns {Boolean} true：是；false：不是；
	 */
	isNumber(val) {
		return Object.prototype.toString.call(val) === '[object Number]';
	},

	/**
	 * 精确判断数据是否是 Boolean 类型
	 * @param {Any} val 要判断的数据
	 * @returns {Boolean} true：是；false：不是；
	 */
	isBoolean(val) {
		return Object.prototype.toString.call(val) === '[object Boolean]';
	},

	/**
	 * 判断 URL 是否是绝对 URL。
	 * @param {String} url 要判断的 URL
	 * @return {Boolean} true：是绝对URL；false：不是绝对URL；
	 */
	isAbsoluteURL(url) {
		// 如果 URL 以 “<scheme>：//” 或 “//”（协议相对URL）开头，则认为它是绝对的
		// RFC 3986 将方案名称定义为以字母开头的字符序列，然后是字母，数字，加号，句点或连字符的任意组合
		return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url);
	},

	/**
	 * 合并 baseURL 和相对 URL 成一个完整的 URL
	 * @param {String} baseURL baseURL
	 * @param {String} relativeURL 相对 URL
	 * @returns {String} 返回组合后的完整 URL
	 */
	combineURLs(baseURL, relativeURL) {
		return relativeURL && this.isString(relativeURL) && this.isString(baseURL) ? baseURL.replace(/\/+$/, '') + '/' +
			relativeURL.replace(/^\/+/, '') : baseURL;
	},

	/**
	 * 深度合并对象，只支持合并两个对象，该方法不会改变原有的对象
	 * @param {Object} FirstOBJ 第一个对象
	 * @param {Object} SecondOBJ 第二个对象
	 * @return {Object} 返回深度合并后的对象
	 */
	deepMargeObject(FirstOBJ, SecondOBJ) {
		let ResultOBJ = {};
		for (let key in FirstOBJ) {
			ResultOBJ[key] = ResultOBJ[key] && ResultOBJ[key].toString() === "[object Object]" ? this.deepMargeObject(ResultOBJ[
				key], FirstOBJ[key]) : ResultOBJ[key] = FirstOBJ[key];
		}
		for (let key in SecondOBJ) {
			ResultOBJ[key] = ResultOBJ[key] && ResultOBJ[key].toString() === "[object Object]" ? this.deepMargeObject(ResultOBJ[
				key], SecondOBJ[key]) : ResultOBJ[key] = SecondOBJ[key];
		}
		return ResultOBJ;
	},
	
	/**
	 * 生成指定长度的随机字符串
	 * @param {Number} min 最小程度
	 * @param {Number} max 最大长度 
	 * @return {String} 返回生成的字符串
	 */
	randomString(min, max) {
		let returnStr = "",
			range = (max ? Math.round(Math.random() * (max - min)) + min : min),
			arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l',
				'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I',
				'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
			];
		for (let i = 0; i < range; i++) {
			let index = Math.round(Math.random() * (arr.length - 1));
			returnStr += arr[index];
		}
		return returnStr;
	},

	/**
	 * 格式化日期
	 * @param {Date|String} date 日期或日期字符串
	 */
	formatDate(date) {
		let YYYY = null;
		let M = null;
		let MM = null;
		let D = null;
		let DD = null;
		let h = null;
		let hh = null;
		let m = null;
		let mm = null;
		let s = null;
		let ss = null;
		let ms = null;
		let ms2 = null;
		let ms3 = null;
		let ms4 = null;
		let dt = null;

		// 如果 date 是 String 类型
		if (date && this.isString(date)) {
			// 真机运行时，如果直接用 new Date('YYYY-MM-DD hh:mm:ss') 会报 Invalid Date 错误，所以采用下面的方式创建日期
			let dtArr = date.replace(/\//g, '.').replace(/-/g, '.').replace(/:/g, '.').replace(/T/g, ' ').replace(' ', '.').replace(
				'Z', '').split('.');

			let year = 2020;
			let month = 12;
			let day = 18;
			let hour = 0;
			let minute = 0;
			let second = 0;
			let millisecond = 0;
			
			// 年
			if (dtArr.length > 0 && !isNaN(dtArr[0])) {
				year = parseInt(dtArr[0]);
			}
			// 月
			if (dtArr.length > 1 && !isNaN(dtArr[1])) {
				month = parseInt(dtArr[1]);
			}
			// 日
			if (dtArr.length > 2 && !isNaN(dtArr[2])) {
				day = parseInt(dtArr[2]);
			}
			// 时
			if (dtArr.length > 3 && !isNaN(dtArr[3])) {
				hour = parseInt(dtArr[3]);
			}
			// 分
			if (dtArr.length > 4 && !isNaN(dtArr[4])) {
				minute = parseInt(dtArr[4]);
			}
			// 秒
			if (dtArr.length > 5 && !isNaN(dtArr[5])) {
				second = parseInt(dtArr[5]);
			}
			// 毫秒
			if (dtArr.length > 6 && !isNaN(dtArr[6])) {
				millisecond = parseInt(dtArr[6]);
			}

			date = new Date(year, month - 1, day, hour, minute, second, millisecond);
		}

		// 如果 date 是 Date 类型
		if (date && this.isDate(date)) {
			YYYY = date.getFullYear();
			M = date.getMonth() + 1;
			MM = M >= 10 ? M : '0' + M;
			D = date.getDate();
			DD = D >= 10 ? D : '0' + D;
			h = date.getHours();
			hh = h >= 10 ? h : '0' + h;
			m = date.getMinutes();
			mm = m >= 10 ? m : '0' + m;
			s = date.getSeconds();
			ss = s >= 10 ? s : '0' + s;
			ms = date.getMilliseconds();
			ms2 = ms;
			ms3 = ms;
			ms4 = ms;
			if (ms < 10) {
				ms2 = '0' + ms;
				ms3 = '00' + ms;
				ms4 = '000' + ms;
			} else if (ms < 100) {
				ms3 = '0' + ms;
				ms4 = '00' + ms;
			} else {
				ms4 = '0' + ms;
			}
		}

		// 返回的数据对象
		let result = {
			YYYY: YYYY,
			MM: MM,
			M: M,
			DD: DD,
			D: D,
			hh: hh,
			h: h,
			mm: mm,
			m: m,
			ss: ss,
			s: s,
			ms: ms,
			ms2: ms2,
			ms3: ms3,
			ms4: ms4,
			dt: date,
			f1: `${YYYY}-${MM}-${DD}`,
			f2: `${YYYY}年${M}月${D}日`,
			f3: `${YYYY}-${M}-${D} ${hh}:${mm}`,
			f4: `${h}:${m}:${s}`,
			f5: `${MM}-${DD}`,
			f6: `${YYYY}-${MM}`,
			f7: `${YYYY}年${M}月`,
			f8: `${h}:${m}`,
			f9: `${M}月${D}日`,
			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，... 看格式就知道了！'
		};
		return result;
		
	},

	/**
	 * 数字转中文
	 * @param {Number} num 数字
	 */
	numberToChinese(num) {
		if (!/^\d*(\.\d*)?$/.test(num)) return "Number is wrong!";
		let AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");
		let BB = new Array("", "十", "百", "千", "万", "亿", "点", "");
		let a = ("" + num).replace(/(^0*)/g, "").split("."),
			k = 0,
			re = "";
		for (let i = a[0].length - 1; i >= 0; i--) {
			switch (k) {
				case 0:
					re = BB[7] + re;
					break;
				case 4:
					if (!new RegExp("0{4}\\d{" + (a[0].length - i - 1) + "}$").test(a[0]))
						re = BB[4] + re;
					break;
				case 8:
					re = BB[5] + re;
					BB[7] = BB[5];
					k = 0;
					break;
			}
			if (k % 4 == 2 && a[0].charAt(i + 2) != 0 && a[0].charAt(i + 1) == 0) re = AA[0] + re;
			if (a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k % 4] + re;
			k++;
		}
		if (a.length > 1) //加上小数部分(如果有小数部分) 
		{
			re += BB[6];
			for (let i = 0; i < a[1].length; i++) re += AA[a[1].charAt(i)];
		}
		return re;
	},
	
	/**
	 * 计算两个经纬度点之间的距离
	 * @param {Number} lng1 第一个点的经度
	 * @param {Number} lat1 第一个点的纬度
	 * @param {Number} lng2 第二个点的经度
	 * @param {Number} lat2 第二个点的纬度
	 */
	calcDistance(lng1, lat1, lng2, lat2) {
		var radLat1 = lat1 * Math.PI / 180.0;
		var radLat2 = lat2 * Math.PI / 180.0;
		var a = radLat1 - radLat2;
		var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
		var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
			Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
		s = s * 6378.137; // EARTH_RADIUS;
		s = Math.round(s * 10000) / 10000;
		return s;
	},
	
	/**
	 * 获取数组最小值的下标
	 * @param {Array} arr 数组
	 */
	getArrayMixValueIndex(arrar) {
		let min = arrar[0];
		let index = 0;
		for (let i = 0; i < arrar.length; i++) {
			if (min > arrar[i]) {
				min = arrar[i];
				index = i;
			}
		}
		return index;
	}
}
嘿，小苹果
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
deep-merge:NodeJS的简单深层对象合并
05-08
深度合并 NodeJS的简单深层对象合并。 安装 使用npm / pnpm / yarn安装： npm i @eartharoid/deep-merge 用法 merge(...objects) 深度合并对象。 ...objects -要合并的对象 例子 const merge = require ( '@eartharoid/deep-merge' ) ; let merged = merge ( object1 , object2 ) ;
Android-以最简洁的Api让Retrofit同时支持多个BaseUrl以及动态改变BaseUrl
08-13
本文将详细介绍如何通过一个名为RetrofitUrlManager的库，以最简洁的API实现Retrofit支持多个BaseUrl以及动态改变BaseUrl的功能。 首先，了解RetrofitUrlManager。这是一个由JessYan编写的开源库，专门为Retrofit...
[javascript] JS 合并URL
weixin_30916125的博客
05-27 313
最近写了个小工具方法，就是将两个 同地址但查询参数不同 Url合并为一个，这里记录一下~ function mergeUrl(_origUrl, _href) { var _pattern = /[^&\?]+?=[^&]+/gi; //匹配新href，获取查询键值 var _matchs = _href.match(_pattern); ...
两个你可能不知道的js关于base64的api
weixin_34402408的博客
11-20 217
atob() btoa() 直接见图 转载于:https://www.cnblogs.com/childsplay/p/4981886.html
js实现深度合并（若有相同key，则被后者覆盖,不同key则融合）
爱米酱的博客
03-09 404
js实现深度合并（若有相同key，则被后者覆盖,不同key则融合）
vue——request.js封装——多个baseUrl的处理
yehaocheng520的博客
12-20 6121
前一段时间在写后台管理系统时，遇到一个问题：就是请求的时候有多个baseUrl的情况，也就是说整个系统中，请求的接口地址是多个。 我之前的处理方法，就是创建多个request.js，然后给每个request.js的baseUrl赋不同的值。 这种方法是可以，但是太笨了，被人骂了…… 下面是正确的写法： axios.create({})的方式可以创建多个实例 直接上代码： import axios from 'axios' import Cookie from 'js-cookie' const BASE_U
小心！AngularJS结合RequireJS做文件合并压缩的那些坑
11-26
3. **编写配置文件**：创建一个`build.js`文件，配置基本的合并和压缩参数，如`baseUrl`、`optimize`、`mangle`等。 关键配置项解释： - `baseUrl`：设置所有模块的基路径。 - `optimize`：选择优化方式，如`uglify...
vue.js根据代码运行环境选择baseurl的方法
11-30
在Vue.js项目中，我们通常会有两个环境配置文件：`dev.env.js`（开发环境）和`prod.env.js`（生产环境）。在这些文件中，我们可以添加一个名为`API_BASEURL`的变量来存储基础URL，如下所示： **dev.env.js** ```...
js代码-将参数对象凭借到 url 上
07-16
在JavaScript中，将参数对象拼接到URL上是一个常见的任务，特别是在构建AJAX请求或处理页面重定向时。这个过程涉及到序列化对象为查询字符串的形式，然后将其附加到URL的末尾。下面，我们将深入探讨这一过程，以及...
支持多个BaseUrl 以及动态改变案例
04-06
作者JessYanCoding，源码RetrofitUrlManager，以最简洁的 Api 让 Retrofit 同时支持多个 BaseUrl 以及动态改变 BaseUrl.
js 深度合并对象(Object.assign)
slongzhang的博客
09-20 1328
function deepAssign(...param) { let result = Object.assign({}, ...param); for (let item of param) { for (let [idx, val] of Object.entries(item)) { if (typeof val === 'object') { result[idx] = deepAssign(result[id
js实现两个对象的深度合并
走走停停
03-11 2771
es6新增的Object.assign()方法只会合并替换对象的第一层key，对于多层的，会当做值处理。 let obj1 = { a: { b: { c: "111" } } }; let obj2 = { a: { b: { d: "222" } } }; const obj = Object.assign(obj1, obj2); console.log(obj); // console.log的结果如下： //
JS数组合并(5种)
热门推荐
IMJCW的博客
12-03 10万+
前言 项目过程中，经常会遇到 JS 数组合并的情况，时常为这个纠结。这里整理一下。 简单而实用的for 最容易想到的莫过于 for 了。 会变更原数组，当然也可以写成生成新数组的形式。 let arr = [1, 2] let arr2 = [3, 4] for (let i in arr2) { arr.push(arr2[i]) } console.log(arr) // [1, 2, 3, 4] arr.concat(arr2) 会生成新的数组。 let arr = [1, 2] let
JavaScript中Object对象深度合并
若木無言
09-17 1879
Object对象深度合并 支持Object和Array混合型对象遍历合并。 其中， 用到的对象类型判断方法，详见《JavaScript中Object对象类型判断》； 用到的对象深度遍历方法，详见《JavaScript中Object对象深度遍历》； 用到的对象深度赋值/取值方法，详见《JavaScript中Object对象深度赋值/取值》 // object对象在合并后会被修改 export const objectAssign = (object, value) => { if (isUndefi
如何在js中合并对象
最新发布
qq_42880714的博客
07-29 5020
如何在js中合并对象
对象深度合并 js
仙途路漫漫其修远兮
08-01 233
1. 配置项有原有配置项的情况下，又不想变动其他的配置又能更改提出来配置。参考 echarts 的配置 2. 本文以**递归**的方式，实现了**对象**格式检查并替换，数组的话可以跟着规则添加就行； 3. 支持相同属性的值以传入的属性值为主；在原配置没有的属性则直接加进去（当前级）； 4. 根据第三点可以支持 echarts、地图等二次封装配置。...
js拼接URL字符串
本杰明的博客
07-10 4万+
实际开发中，经常会遇到http请求(特别是get请求)或者跳转页面需要拼接URL请求字符串，而经常性的思维就是利用“+”进行字符串拼接：var baseUrl = 'www.google.com' var a = 1, b = 'request', c = true var finalUrl = baseUrl + '?a=' + a + '&b=' + b + '&c=' + c这种方法看起来丑陋
javascript 获得请求的路径BASEURL
archer的技术故事
10-01 1万+
javascript 获得请求的路径BASEURL
vue添加axios，并且指定baseurl
archer的技术故事
09-16 4万+
vue添加axios，并且指定baseurl 本文主要介绍如何在vue项目中引入axios，并且在使用的时候指定baseurl。 好，下面上货。 1、首先需要的是一个vue项目，这个可以参考以前的文章。 2、然后是npm install axios --save-dev 3、在main.js中添加如下内容： import axios from 'axios'
axios 同时多个请求_Vue 封装axios实现多个请求合并为一次 loading
06-06
为了实现多个请求合并为一次 loading，可以使用 axios 的并发请求功能。具体实现步骤如下： 1. 安装 axios 和 lodash 库：`npm install axios lodash --save` 2. 在 Vue 项目中创建一个 axios.js 文件，封装 axios...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值