最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript常用工具函數庫匯總

 更新時間:2020年09月17日 08:38:08   作者:大明的IT筆記  
業(yè)務中比較常用的JavaScript工具函數,可以用在前端環(huán)境,也可以用在node服務端,統(tǒng)一整理,方便查閱,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下

對象或數組的深拷貝

/**
 * 對象或數組的深拷貝
 * @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工具函數庫的資料請關注腳本之家其它相關文章!

相關文章

  • 小程序實現日歷效果

    小程序實現日歷效果

    這篇文章主要為大家詳細介紹了小程序實現日歷效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • JS操作Fckeditor的一些常用方法(獲取、插入等)

    JS操作Fckeditor的一些常用方法(獲取、插入等)

    這篇文章主要介紹了JS操作Fckeditor的一些常用方法,主要包括獲取、插入等,需要的朋友可以參考下
    2020-02-02
  • js實現一個簡易計算器

    js實現一個簡易計算器

    這篇文章主要為大家詳細介紹了JS實現一個簡易計算器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • 如何使用webpack打包一個庫library的方法步驟

    如何使用webpack打包一個庫library的方法步驟

    這篇文章主要介紹了如何使用webpack打包一個庫library的方法步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-12-12
  • 通過js給網頁加上水印背景實例

    通過js給網頁加上水印背景實例

    這篇文章主要介紹了通過js給網頁加上水印背景實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,,需要的朋友可以參考下
    2019-06-06
  • 微信小程序webview中監(jiān)聽返回按鈕實現步驟

    微信小程序webview中監(jiān)聽返回按鈕實現步驟

    在微信小程序中webview返回鍵是一個非常實用的功能,它允許用戶在嵌入的網頁中返回到上一個頁面,這篇文章主要給大家介紹了微信小程序webview中監(jiān)聽返回按鈕的實現步驟,需要的朋友可以參考下
    2024-08-08
  • javascript檢測瀏覽器flash版本的實現代碼

    javascript檢測瀏覽器flash版本的實現代碼

    javascript檢測瀏覽器flash版本的實現代碼,需要的朋友可以參考下。
    2011-12-12
  • JavaScript中SQL語句的應用實現

    JavaScript中SQL語句的應用實現

    最近一直在用javascript在做項目 可是做著做著 感覺很多功能代碼都是重復的。
    2010-05-05
  • 前端解析包含圖片的excel文件完整步驟及代碼示例

    前端解析包含圖片的excel文件完整步驟及代碼示例

    作為一名開發(fā)者,大家在開發(fā)過程中是不是經常遇到各種各樣的文件,比如xlsx、word、ppt等辦公類型的文件格式,這篇文章主要給大家介紹了關于前端解析包含圖片的excel文件的相關資料,需要的朋友可以參考下
    2024-07-07
  • 手把手教你用Javascript實現觀察者模式

    手把手教你用Javascript實現觀察者模式

    這篇文章主要為大家介紹了Javascript觀察者模式,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-12-12

最新評論

绥棱县| 上思县| 邛崃市| 启东市| 黄山市| 兰西县| 平谷区| 静海县| 宁蒗| 吴旗县| 田林县| 梁山县| 含山县| 额济纳旗| 大连市| 淳化县| 秭归县| 泰来县| 外汇| 威远县| 喀喇沁旗| 临泽县| 甘孜| 宜阳县| 卢龙县| 蕉岭县| 博客| 海口市| 武清区| 玛多县| 岱山县| 榆林市| 东至县| 潢川县| 贵阳市| 高台县| 阿坝| 灯塔市| 阿图什市| 丰顺县| 保康县|