290°

JS常用的方法总结

/**
* 将参数格式化为对象
* @param urlParams type string
* @example
* let urlParams = 'name="xiaoliu"&age=20&sex="男"'
* getUrlObject(urlParams)
* @returns
* {
* name:"xiaoliu",
* age:20,
* sex:"男",
* }
*/
export const getUrlObject = (urlParams) => {
try {
if (typeof urlParams !== 'string') return;
return urlParams.split('&').reduce((prev, curr) => {
curr = curr.split('=');
return Object.assign(prev, {[curr[0]]: curr[1]});
}, {});
} catch (err) {
throw new Error(`${err}in getUrlObject`);
}
};
/**
* 替换url上的匹配字段
* @param url @type string 需要替换的url
* @param data @type object 代替换的数据参数
* @example
* let url = 'ceshi/url/delete/^.^{id}';
* let data = {id:2};
* @returns 'ceshi/url/delete/2'
*/
export const formatUrl = (url, data) => {
try {
return url.replace(/\^\.\^\{(\w+)\}/g, function (match, key) {
return data[key];
});
} catch (err) {
throw new Error(`${err}in formatUrl`);
}
};

/**
* 从源数据中替换指定内容为指定模板
* @param template 模板中需要指定特殊字符串(^.^{VALUE})用来替换匹配到的值(replaceVal)
* @param replaceVal 需要替换的内容
* @param sourceVal //源数据
* @example
* let template = '<span style="color: red">^.^{VALUE}</span>';
* let replaceVal = '替换';
* let sourceVal = '这个是替换匹配值的方法'
* replaceTemplate (template, replaceVal, sourceVal)
* @returns 这个是<span style="color: red">替换</span>匹配值的方法
*/
export const replaceTemplate = (template, replaceVal, sourceVal) => {
if (!replaceVal) return sourceVal;
return sourceVal.replace(new RegExp(replaceVal, 'g'), (match) => {
return template.replace(/\^\.\^{VALUE}/, () => {
return match;
});
});
};
/**
* 从数组对象中获取给定参数的值得数组集合
* @param params @type Array|String 需要收集的参数列表
* @param list @type Array 源列表数据
* @example
* let params = ['id','name']
* let list = [{id:1,name:'xiaoming',desc:'ceshi'},{id:2,name:'xiaozhang',desc:'ceshi2'}]
* getParamsArray(params, list)
* @returns [[1,2],['xiaoming','xiaozhang']]
*/
export const getParamsArray = (params = [], list = []) => {
try {
params = Array.isArray(params) ? params : [params];
return list.reduce((a, b) => {
return params.map((name, index) => {
return (a[index] || []).concat(b[name] || [0]);
});
}, []);
} catch (err) {
throw new Error(err);
}
};
/**
* 返回两个数组的交集
* @param arr1
* @param arr2
*/
export const arraryIntersect = (arr1 = [], arr2 = []) => {
return arr1.filter(v => {
return arr2.includes(v);
});
};
/**
* 格式化字节
* @param value @type number 字节大小
* @param unit @type string 字节单位
* @example
formatByte(1024*1024,Bytes);
* @returns {value:1024,unit:'KB'}
*/
export const formatByte = (value, unit = 'Bytes') => {
try {
let UNITCOLLECTION = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
let data = {
value: value,
unit: unit
};
UNITCOLLECTION = UNITCOLLECTION.slice(UNITCOLLECTION.indexOf(unit) + 1);
while (data.value > 1024 && UNITCOLLECTION.length > 0) {
data.value = data.value / 1024;
data.unit = UNITCOLLECTION.splice(0, 1)[0];
};
return data;
} catch (err) {
throw new Error(`${err}in formatUrl`);
}
};

原文链接:https://www.cnblogs.com/harris-peng/p/10110157.html

全部评论: 0

    我有话说: