常用的小方法(持续添加中...)
2022-05-29 本文已影响0人
陈桑
1、数组套对象排序(根据对象内的某个键进行排序)
this.setArray(res.data.rows);//调用
// 排序
setArray(arr) {
arr.sort(compare('orderIndex'));//orderIndex 用作排序的键
function compare(keys) {
return function (a, b) {
return a[keys] - b[keys]
}
}
return arr
},
2、数组套对象去重(根据某个键值进行去重)
var arr = [{from: '张三',to: '河南'},{from: '李四',to: '河北'},{from: '李四',to: '北京'},{from: '李四',to: '南京'},]
function setArr(arr) {
const res = new Map();
// form:需要根据哪个字段进行去重
return arr.filter((a) => !res.has(a.from) && res.set(a.from, 1))
}
console.log(setArr(arr))
3、获取当前之前某天或者当前之后某天(例:当天是2022-08-04)
function getDay(day) {
var today = new Date();
var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;
today.setTime(targetday_milliseconds); //注意,这行是关键代码
var tYear = today.getFullYear();
var tMonth = today.getMonth();
var tDate = today.getDate();
tMonth = doHandleTime(tMonth + 1);
tDate = doHandleTime(tDate);
return tYear + "-" + tMonth + "-" + tDate;
}
function doHandleTime(t) {
return t=t<10?'0'+t:t
}
console.log(getDay(-1))//2022-08-03
console.log(getDay(0))//2022-08-04
console.log(getDay(1))//2022-08-05
4、判断当前设备是移动端还是PC端
// 是app?
this.isApp = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
console.log(this.isApp ? '移动端' : 'PC端');
5、省市区街道的JSON数据
6、解决H5上覆盖一层遮罩层,但是背景滚动的问题
vue中:标签上添加 @touchmove.prevent
<div class="phoneDialog" @touchmove.prevent></div>
7、验证手机号和身份证号的格式
// 手机号校验
function phoneFun(params){
const phoneRule = /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/;
const regex = new RegExp(phoneRule);
return regex.test(params)
}
// 身份证校验
function cardIdFun(params){
const cardIdRule = /(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0[1-9]|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/;
const regex = new RegExp(cardIdRule);
return regex.test(params)
}
//使用
let mobile = 155632569856
console.log(phoneFun(mobile))
8、验证当前是否是全屏状态
function checkFull() {
//判断浏览器是否处于全屏状态 (需要考虑兼容问题)
let isFull =
document.mozFullScreen ||
document.fullScreen ||
//谷歌浏览器及Webkit内核浏览器
document.webkitIsFullScreen ||
document.webkitRequestFullScreen ||
document.mozRequestFullScreen ||
document.msFullscreenEnabled;
if (isFull === undefined) {
isFull = false;
}
return isFull;
}
9、从一个对象数组中取出想要的某一个键
let arr = [{a: 1,}, {b: 2,}, {c: 3}]
let keys = arr.reduce((sum, item) => ([...new Set([...sum, ...Object.keys(item)])]), [])//['a','b','c']
let res = arr[keys.indexOf('a')]
console.log(res)//{a:1}
//二:
var all = [
{ f1: "v1", f2: "v2" },
{ f1: "v1", f2: "v2", f3: "v3" },
{ f1: "v1", f2: "v2", f3: "v3", f4: "v4" },
{ f1: "v1", f2: "v2", f3: "v3", f4: "v4", fn: "vn" }
];
const output = Object.keys(Object.assign({}, ...all));
console.log(output);//['f1', 'f2', 'f3', 'f4', 'fn']