亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

js常用小技巧黑科技 - javascript(js) commonly used skill

shadowbook / 3334人閱讀

摘要:原文地址小數(shù)取整妙用隱式轉(zhuǎn)換數(shù)字字符串轉(zhuǎn)轉(zhuǎn)時(shí)間戳數(shù)組多維數(shù)組轉(zhuǎn)逗號(hào)分隔字符串解構(gòu)交換的值擴(kuò)展運(yùn)算符取數(shù)組最大值生成時(shí)間字符串轉(zhuǎn)數(shù)組合并對(duì)象等同于常用方法數(shù)字前補(bǔ)數(shù)組元素為對(duì)象的去重?cái)?shù)組求和金錢格式化短路邏輯代替生成指定長(zhǎng)度數(shù)組正則進(jìn)階捕

原文地址
https://github.com/TigerHee/s...

小數(shù)取整:

  1.234 | 0
  ~~1.234
  1.234 >> 0

妙用隱式轉(zhuǎn)換:

數(shù)字字符串轉(zhuǎn)number:
  +"123"
new Date轉(zhuǎn)時(shí)間戳:
  +new Date()
數(shù)組/多維數(shù)組轉(zhuǎn)逗號(hào)分隔字符串:
  ""+[1, 2 , 3, 3, [2, 3, 4]]

解構(gòu):

交換a,b的值:
  var a=1;
  var b=2;
  [a, b] = [b, a];
  console.log("a ===", a);
  console.log("b ===", b);

擴(kuò)展運(yùn)算符:

取數(shù)組最大值:
  Math.max(...[1,2,3])
生成時(shí)間:
  new Date(...[2018,6,4])
字符串轉(zhuǎn)數(shù)組:
  method 1: 
  [..."string"]
  
  method 2: 
  Array.from("string")
合并對(duì)象:
  let obj1 = {a:1, b:2};
  let obj2 = {b:3, c:4};

  Object.assign(obj1, obj2)
    等同于
  {...obj1, ...obj2}

常用方法:

數(shù)字前補(bǔ)0:
  preFixNum(num, length) {
    return (Array(length).join("0") + num).slice(-length);
  }
數(shù)組元素為對(duì)象的去重:
  [...new Set(arr.map(v => JSON.stringify(v)))].map(v => JSON.parse(v))
數(shù)組求和:
  var arr = [1,2,3,4,5];
  
  method 1: 
  var sum = eval(arr.join("+"));
  
  method 2: 
  var sum = arr.reduce((prev,cur) => prev + cur);
金錢格式化:
  let money = 11111;
  
  method 1: 
  money.toLocaleString("en-US");
  
  method 2: 
  Intl.NumberFormat().format(money);
  
  method 3: 
  String(money).replace(/B(?=(d{3})+(?!d))/g, ",");
短路邏輯代替if:
  isTrue && console.log(1);
RGB to Hex:
  function RGBtoHEX(rgb){
    return ((1<<24) + (rgb.r<<16) + (rgb.g<<8) + rgb.b).toString(16).substr(1);
  }
生成指定長(zhǎng)度數(shù)組:
  Array.from(new Array(10).keys());

正則進(jìn)階:

捕獲括號(hào):
  匹配 "tigerHee" 并且記住匹配項(xiàng)
  /(tigerHee)/
非捕獲括號(hào):
  匹配 "tigerHee" 但是不記住匹配項(xiàng)
  /(?:tigerHee)/
先行斷言:
  匹配"tiger"僅僅當(dāng)"tiger"后面跟著"Hee"
  /tiger(?=Hee)/
后行斷言:
  匹配"Hee"僅僅當(dāng)"Hee"前面是"tiger"
  /(?<=tiger)Hee/
正向否定查找:
  匹配"tiger"僅僅當(dāng)"tiger"后面不跟著"java"
  /tiger(?!java)/
如果覺(jué)得有用的話,可以來(lái)個(gè)star哦

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/107982.html

相關(guān)文章

  • CSS 魔法技巧,讓你少寫不必要的JS,代碼更優(yōu)雅

    摘要:利用用和來(lái)做表單即時(shí)校驗(yàn)需求讓表單檢驗(yàn)變得簡(jiǎn)單優(yōu)雅,不需要寫冗長(zhǎng)的代碼來(lái)校驗(yàn)設(shè)置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細(xì)葉誰(shuí)裁出,二月春風(fēng)似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時(shí)涉獵還算廣泛,總結(jié)了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒(méi)想到受到了大家的歡迎,有人希望能博主還能整理個(gè) CSS 的一些黑...

    Berwin 評(píng)論0 收藏0
  • CSS 魔法技巧,讓你少寫不必要的JS,代碼更優(yōu)雅

    摘要:利用用和來(lái)做表單即時(shí)校驗(yàn)需求讓表單檢驗(yàn)變得簡(jiǎn)單優(yōu)雅,不需要寫冗長(zhǎng)的代碼來(lái)校驗(yàn)設(shè)置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細(xì)葉誰(shuí)裁出,二月春風(fēng)似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時(shí)涉獵還算廣泛,總結(jié)了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒(méi)想到受到了大家的歡迎,有人希望能博主還能整理個(gè) CSS 的一些黑...

    MASAILA 評(píng)論0 收藏0
  • CSS 魔法技巧,讓你少寫不必要的JS,代碼更優(yōu)雅

    摘要:利用用和來(lái)做表單即時(shí)校驗(yàn)需求讓表單檢驗(yàn)變得簡(jiǎn)單優(yōu)雅,不需要寫冗長(zhǎng)的代碼來(lái)校驗(yàn)設(shè)置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細(xì)葉誰(shuí)裁出,二月春風(fēng)似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時(shí)涉獵還算廣泛,總結(jié)了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒(méi)想到受到了大家的歡迎,有人希望能博主還能整理個(gè) CSS 的一些黑...

    qqlcbb 評(píng)論0 收藏0
  • 前端文檔收集

    摘要:系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問(wèn)性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...

    jsbintask 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<