91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript常用工具函數庫匯總

發布時間:2020-09-30 15:21:09 來源:腳本之家 閱讀:153 作者:大明的IT筆記 欄目:開發技術

對象或數組的深拷貝

/**
 * 對象或數組的深拷貝
 * @param {*} cloneObj 被克隆的對象
 * @param {*} targetObj 克隆的目標對象
 * @param {*} isOverride 若屬性重復,是否覆蓋被克隆對象的屬性
 */
function deepClone(cloneObj, targetObj, isOverride = true) {
  const _toString = Object.prototype.toString
  if (_toString.call(cloneObj) !== '[object Array]' && _toString.call(cloneObj) !== '[object Object]') {
    return cloneObj
  }
  var cloneTarget = _toString.call(cloneObj) === '[object Array]' ? [] : {}
  for (let key in cloneObj) {
    if (Object.prototype.hasOwnProperty.call(cloneObj, key)) {
      if (_toString.call(cloneObj[key]) === '[object Array]' || _toString.call(cloneObj[key]) === '[object Object]') {
        cloneTarget[key] = deepClone(cloneObj[key])
      } else {
        cloneTarget[key] = cloneObj[key]
      }
    }
  }
  if (targetObj && (_toString.call(cloneObj) === _toString.call(targetObj))) {
    //這里要注意,克隆的目標對象也要deepClone下
    cloneTarget = isOverride
      ? Object.assign(cloneTarget, deepClone(targetObj))
      : Object.assign(deepClone(targetObj), cloneTarget)
  }
  return cloneTarget
}

精準判斷數據類型

//精準判斷數據類型
function getVerifyDataTypes() {
  const types = ["String", "Number", "Boolean", "Null", "Undefined", "Function", "Object", "Array", "Date", "Error", "RegExp", "Symbol", "Map", "Set"]
  let Type = {}
  // 示例用法:Type.isString('javascript')
  for (let i = 0; i < types.length; i++) {
    Type[`is${types[i]}`] = obj => Object.prototype.toString.call(obj) === `[object ${types[i]}]`
  }
  // 判斷字符串是否為json格式
  Type.isJsonStr = str => {
    if (typeof str == 'string') {
      try {
        let obj = JSON.parse(str);
        if (obj && typeof obj == 'object') {
          return true;
        }
        return false;
      } catch (e) {
        return false;
      }
    } else {
      return false;
    }
  }
  return Type
}

日期格式化

/**
 * 日期格式化
 * @param {*} date 日期對象
 * @param {*} beforeHyphen 年月日連字符
 * @param {*} afterHyphen 時分秒連字符
 */
function formatDate(date = new Date(), beforeHyphen = '-', afterHyphen = ':') {
  const formatNumber = n => {
    n = n.toString()
    return n[1] ? n : `0${n}`
  }
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()
  const ymd = [year, month, day].map(formatNumber).join(beforeHyphen)
  const hms = [hour, minute, second].map(formatNumber).join(afterHyphen)
  return `${ymd} ${hms}`
}

把時間戳轉換為剩余的天、時、分、秒

/**
 * 把時間戳轉換為剩余的天、時、分、秒,一般應用于倒計時場景中
 * @param {*} timestamp 時間戳
 */
function converTimestamp(timestamp) {
  const formatNumber = n => {
    n = n.toString()
    return n[1] ? n : `0${n}`
  }
  let day = Math.floor((timestamp / 1000 / 3600) / 24);
  let hour = Math.floor((timestamp / 1000 / 3600) % 24);
  let minute = Math.floor((timestamp / 1000 / 60) % 60);
  let second = Math.floor(timestamp / 1000 % 60);
  return {
   day: day,
   hour: formatNumber(hour),
   minute: formatNumber(minute),
   second: formatNumber(second)
  }
}

從數組中隨機取出一項

// 從數組中隨機取出一項
function getRandomItemByArray(items) {
  return items[Math.floor(Math.random() * items.length)];
}

將有父子關系的數組轉換成樹形結構數據

let data = [
  { parentId: 0, id: 1, value: 'xxx' },
  { parentId: 1, id: 3, value: 'xxx' },
  { parentId: 4, id: 6, value: 'xxx' },
  { parentId: 3, id: 5, value: 'xxx' },
  { parentId: 2, id: 4, value: 'xxx' },
  { parentId: 1, id: 2, value: 'xxx' },
]

// 轉換為樹形Array結構
function toTreeAry(arr, pId = 0) {
  return arr
    .filter(({ parentId }) => parentId === pId)
    .map(a => ({
      ...a,
      children: toTreeAry(arr.filter(({ parentId }) => parentId !== pId), a.id)
    }))
}

// 轉換為樹形Object結構
function toTreeObj(arr, pId = 0) {
  let res = {}
  arr.filter(({ parentId }) => parentId === pId)
    .forEach(a => {
      res[a.id] = {
        ...a,
        children: toTreeObj(arr.filter(({ parentId }) => parentId !== pId), a.id)
      }
    })
  return res
}

console.log(toTreeAry(data))
console.log(toTreeObj(data))

生成隨機字符串

// 隨機字符串
const randomStr = () => {
  return new Date().getTime() + '-' + Math.random().toString(36).substr(2)
}

過濾html標簽

// 過濾html標簽
const filterHTMLTag = (str) => {
  str = str.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag
  str = str.replace(/[|]*\n/, '') //去除行尾空格
  str = str.replace(/&npsp;/ig, ''); //去掉npsp
  return str;
}

以上就是JavaScript常用工具函數庫匯總的詳細內容,更多關于JavaScript工具函數庫的資料請關注億速云其它相關文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

东光县| 丰顺县| 天门市| 涞水县| 泌阳县| 河源市| 临颍县| 潍坊市| 怀宁县| 梅河口市| 德化县| 当涂县| 新化县| 黄山市| 万安县| 乌拉特前旗| 毕节市| 德化县| 宜州市| 扎兰屯市| 阆中市| 文安县| 金乡县| 清苑县| 盘山县| 晋江市| 岳阳县| 永德县| 清河县| 榆树市| 陈巴尔虎旗| 夏津县| 北安市| 汤原县| 晋城| 晋州市| 芷江| 肃宁县| 大关县| 柳江县| 平陆县|