1、數(shù)組套對(duì)象排序（根據(jù)對(duì)象內(nèi)的某個(gè)鍵進(jìn)行排序）

this.setArray(res.data.rows);//調(diào)用

// 排序
setArray(arr) {
  arr.sort(compare('orderIndex'));//orderIndex 用作排序的鍵
    function compare(keys) {
      return function (a, b) {
      return a[keys] - b[keys]
    }
  }
  return arr
},

2、數(shù)組套對(duì)象去重（根據(jù)某個(gè)鍵值進(jìn)行去重）

var arr = [{from: '張三',to: '河南'},{from: '李四',to: '河北'},{from: '李四',to: '北京'},{from: '李四',to: '南京'},]
function setArr(arr) {
  const res = new Map();
  // form:需要根據(jù)哪個(gè)字段進(jìn)行去重
  return arr.filter((a) => !res.has(a.from) && res.set(a.from, 1))
 }
console.log(setArr(arr))

3、獲取當(dāng)前之前某天或者當(dāng)前之后某天(例：當(dāng)天是2022-08-04)

function getDay(day) {
    var today = new Date();
    var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;
    today.setTime(targetday_milliseconds); //注意，這行是關(guān)鍵代碼
    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、判斷當(dāng)前設(shè)備是移動(dòng)端還是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 ? '移動(dòng)端' : 'PC端');

5、省市區(qū)街道的JSON數(shù)據(jù)

點(diǎn)擊直接進(jìn)入原網(wǎng)址

6、解決H5上覆蓋一層遮罩層，但是背景滾動(dòng)的問題

vue中：標(biāo)簽上添加 @touchmove.prevent

<div class="phoneDialog" @touchmove.prevent></div>

7、驗(yàn)證手機(jī)號(hào)和身份證號(hào)的格式

// 手機(jī)號(hào)校驗(yàn)
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)
}

// 身份證校驗(yàn)
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、驗(yàn)證當(dāng)前是否是全屏狀態(tài)

function checkFull() {
  //判斷瀏覽器是否處于全屏狀態(tài) （需要考慮兼容問題）
  let isFull =
    document.mozFullScreen ||
    document.fullScreen ||
    //谷歌瀏覽器及Webkit內(nèi)核瀏覽器
    document.webkitIsFullScreen ||
    document.webkitRequestFullScreen ||
    document.mozRequestFullScreen ||
    document.msFullscreenEnabled;
  if (isFull === undefined) {
    isFull = false;
  }
  return isFull;
}

9、從一個(gè)對(duì)象數(shù)組中取出想要的某一個(gè)鍵

來源，點(diǎn)擊進(jìn)入原地址

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']