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


  • 小数点以下整理:
  •   1.234 | 0
      ~~1.234
      1.234 >> 0
  • 妙用暗黙的変換:
  • 文字列はnumberを回転します:
  •   +'123'
  • new Dateタイムスタンプ:
  •   +new Date()
  • 配列/マルチ次元配列は、カンマ区切り文字列に変換される(マルチ次元配列の1次元転送に使用できる):
  •   ""+[1, 2 , 3, 3, [2, 3, 4]]
  • 解:
  • 交換a、bの値:
  •   var a=1;
      var b=2;
      [a, b] = [b, a];
      console.log(a, b);
  • 拡張演算子:
  • 配列最大値/最小値:
  •   Math.max(...[1,2,3])
      Math.min(...[1,2,3])
  • 生成時間:
  •   new Date(...[2018,6,4])
  • 文字列変換配列:
  •   method 1: 
      [...'string']
      
      method 2: 
      Array.from('string')
  • 連結対象:
  •   let obj1 = {a:1, b:2};
      let obj2 = {b:3, c:4};
    
      {...obj1, ...obj2}
           
      Object.assign(obj1, obj2)
  • URL APIを利用してurlのquery値
  • を取得する.
    var url = new URL('http://localhost:8000/news?a=1&b=2&c=3');
    var searchParams = url.searchParams;
    for (let key of searchParams.keys()){
      console.log('====');
      console.log('key === ', key);
      console.log('value === ', searchParams.get(key))
    }
  • 一般的な方法:
  • デジタル補足0:
  •   function preFixNum(num, length) {
        return (Array(length).join('0') + num).slice(-length);
      }
  • 配列要素は対象のデバッグです.
  •   [...new Set(arr.map(v => JSON.stringify(v)))].map(v => JSON.parse(v))
  • 配列の合計:
  •   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);
      }
  • 遅延関数:
  • const delay = ms => new Promise(resolve => setTimeout(resolve, ms))
  • は、指定された長さ配列を生成する.
  •   Array.from(new Array(10).keys());
  • 快速作成aタグ:
  •   let a = '   '.link('https://github.com/TigerHee/shareJS');
      console.log('a === ', a)
  • 正則ステップ:
  • 括弧を捕捉する:
  •      'tigerHee'        
      /(tigerHee)/
  • 非キャプチャ括弧:
  •      'tigerHee'         
      /(?:tigerHee)/
  • 先行断言:
  •     'tiger'   'tiger'    'Hee'
      /tiger(?=Hee)/
  • 後の行は、
  • と言います.
        'Hee'   'Hee'   'tiger'
      /(?<=tiger)Hee/
  • 順否定検索:
  •     'tiger'   'tiger'     'java'
      /tiger(?!java)/
    ギthubをクリックして、もっと多くの知識を得てください。
    励ましてくれてありがとうございます.