成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

shadowbook / 3302人閱讀

摘要：原文地址小數(shù)取整妙用隱式轉(zhuǎn)換數(shù)字字符串轉(zhuǎn)轉(zhuǎn)時間戳數(shù)組多維數(shù)組轉(zhuǎn)逗號分隔字符串解構(gòu)交換的值擴(kuò)展運(yùn)算符取數(shù)組最大值生成時間字符串轉(zhuǎn)數(shù)組合并對象等同于常用方法數(shù)字前補(bǔ)數(shù)組元素為對象的去重數(shù)組求和金錢格式化短路邏輯代替生成指定長度數(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)時間戳：
  +new Date()
數(shù)組/多維數(shù)組轉(zhuǎn)逗號分隔字符串：
  ""+[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])
生成時間：
  new Date(...[2018,6,4])
字符串轉(zhuǎn)數(shù)組：
  method 1: 
  [..."string"]
  
  method 2: 
  Array.from("string")
合并對象：
  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ù)組元素為對象的去重：
  [...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);
  }
生成指定長度數(shù)組：
  Array.from(new Array(10).keys());

正則進(jìn)階：

捕獲括號：
  匹配 "tigerHee" 并且記住匹配項(xiàng)
  /(tigerHee)/
非捕獲括號：
  匹配 "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)/
如果覺得有用的話，可以來個star哦

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/107982.html

相關(guān)文章

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

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

    Berwin 評論0 收藏0

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

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

    MASAILA 評論0 收藏0

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

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

    qqlcbb 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<