前端 常用的工具方法


/**
 * 深层复制对象
 * 
 * param {Object} 模板对象
 * param {Object} 需要合并的新对象
 * return {Object} 返回合并的新对象
 * */
export let anaylaseObject = (templateObj,newObj) => {
	
	if(!templateObj || templateObj instanceof Array || typeof templateObj != "object" ){
		alert("请输入一个对象");
		return templateObj;
	}
	if(typeof newObj === 'object' && !(newObj instanceof Array)){
		for(var attr in newObj){
			var newItem = newObj[attr];
			var templateItem = templateObj[attr];
			
			if((templateObj.hasOwnProperty(attr)) && (typeof templateItem === 'object') && !(templateItem instanceof Array) && (typeof newItem === 'object') && !(newItem instanceof Array)){
				anaylaseObject(templateItem,newItem);				
			}else{
				templateObj[attr] = newItem;				
			}
		}
		return templateObj;
	}else{
		return templateObj;
	}
	
}

/**
 * 判断是不是小数,是则默认保留两位数,不是则返回原值
 * 
 * param {number} 需要判断的数字
 * param {number} 小数点后面的位数。默认为两位
 * return {Object} 返回的新数字
 * */
export let decimal = function(digit,num){
	if(typeof digit != 'number'){
		return digit;
	}
	var result = (digit.toString()).indexOf(".");
    if(result != -1) {
    	if(typeof num === 'number' && num >= 0 && num <= 100){}else{
    		num = 2; 
    	}
    	return digit.toFixed(num);
    } else {
    	if(typeof num === 'number' && num >= 0 && num <= 100){}else{
    		num = 0; 
    	}
       return digit.toFixed(num);
    }
}

/**
 * 数组去重
 * 
 * param {Array}
 * return {Array} 
 * */
export let unique = function(arr){
	if(!(arr instanceof Array )){
		console.log('请返回正确格式的数组');
		return arr;
	}
	var newArr = [arr[0]];
	arr.forEach(element => {
		if(newArr.indexOf(element) === -1){
			newArr.push(element);
		}
	});
	return newArr;
}

/**
 * 判断浏览器内核及版本号
 * 
 * param {Array}
 * return {Array} 
 * */
export let isBroswer = function() {//检测浏览器内核--返回的是两个key,name:浏览器内核的名称---version:浏览器的版本号
	var _broswer = {};
	var sUserAgent = navigator.userAgent;
	var isOpera = sUserAgent.indexOf("Opera") > -1;
	if (isOpera) {
		//首先检测Opera是否进行了伪装
		if (navigator.appName == 'Opera') {
			//如果没有进行伪装,则直接后去版本号
			_broswer.version = parseFloat(navigator.appVersion);
		} else {
			var reOperaVersion = new RegExp("Opera (\\d+.\\d+)");
			//使用正则表达式的test方法测试并将版本号保存在RegExp.$1中
			reOperaVersion.test(sUserAgent);
			_broswer.version = parseFloat(RegExp['$1']);
		}
		_broswer.opera = true;
		_broswer.name = 'opera';
	}
	var isChrome = sUserAgent.indexOf("Chrome") > -1;
	if (isChrome) {
		var reChorme = new RegExp("Chrome/(\\d+\\.\\d+(?:\\.\\d+\\.\\d+))?");
		reChorme.test(sUserAgent);
		_broswer.version = parseFloat(RegExp['$1']);
		_broswer.chrome = true;
		_broswer.name = 'chrome';
	}
	//排除Chrome信息,因为在Chrome的user-agent字符串中会出现Konqueror/Safari的关键字
	var isKHTML = (sUserAgent.indexOf("KHTML") > -1
		|| sUserAgent.indexOf("Konqueror") > -1 || sUserAgent
			.indexOf("AppleWebKit") > -1)
		&& !isChrome;
	if (isKHTML) {//判断是否基于KHTML,如果时的话在继续判断属于何种KHTML浏览器
		var isSafari = sUserAgent.indexOf("AppleWebKit") > -1;
		var isKonq = sUserAgent.indexOf("Konqueror") > -1;
		if (isSafari) {
			var reAppleWebKit = new RegExp("Version/(\\d+(?:\\.\\d*)?)");
			reAppleWebKit.test(sUserAgent);
			var fAppleWebKitVersion = parseFloat(RegExp["$1"]);
			_broswer.version = parseFloat(RegExp['$1']);
			_broswer.safari = true;
			_broswer.name = 'safari';
		} else if (isKonq) {
			var reKong = new RegExp(
				"Konqueror/(\\d+(?:\\.\\d+(?\\.\\d)?)?)");
			reKong.test(sUserAgent);
			_broswer.version = parseFloat(RegExp['$1']);
			_broswer.konqueror = true;
			_broswer.name = 'konqueror';
		}
	}
	// !isOpera 避免是由Opera伪装成的IE
	var isIE = sUserAgent.indexOf("compatible") > -1
		&& sUserAgent.indexOf("MSIE") > -1 && !isOpera;
	if (isIE) {
		var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
		reIE.test(sUserAgent);
		_broswer.version = parseFloat(RegExp['$1']);
		_broswer.msie = true;
		_broswer.name = 'msie';
	}
	// 排除Chrome 及 Konqueror/Safari 的伪装
	var isMoz = sUserAgent.indexOf("Gecko") > -1 && !isChrome && !isKHTML;
	if (isMoz) {
		var reMoz = new RegExp("rv:(\\d+\\.\\d+(?:\\.\\d+)?)");
		reMoz.test(sUserAgent);
		_broswer.version = parseFloat(RegExp['$1']);
		_broswer.mozilla = true;
		_broswer.name = 'mozilla';
	}
	return _broswer;
}

/**
 * 获取对象的长度
 * 
 * param {object} 需要判断的对象
 * 
 * */

export let objLength = function(obj){
	if(!obj || obj instanceof Array || typeof obj != "object" ){
		alert("请输入一个对象");
		return templateObj;
	}
	let arr = Object.keys(obj);
	return arr.length;
 }

 //获取参数中的信息
 export const getQuery = function(name, search) { 
    search = search || window.location.search;
    if(search.indexOf('?') >= 0) search = search.substr(1);
    var params = search.match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)'));
    if(params != null && params.length > 2) return (params[2]);
    return '';
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值