JavaScript有用的代碼片段和trick

junfeng777 發(fā)布于2019-08-21 17:03 / 3526人閱讀

摘要：在老的中其值為，在最新的中為，即空單元數(shù)組。在老中，相當(dāng)于顯示使用的方式創(chuàng)建長(zhǎng)度為的數(shù)組。判斷是否為中文判斷是否為常見(jiàn)中文符號(hào)中文標(biāo)點(diǎn)符號(hào)，。

本文內(nèi)容來(lái)自知乎《有哪些短小卻令人驚嘆的 JavaScript 代碼？》和文章《這些JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚嘆不已》，同時(shí)也匯集了部分網(wǎng)上其它來(lái)源的內(nèi)容。

浮點(diǎn)數(shù)取整

const x = 123.4545;
x >> 0; // 123
~~x; // 123
x | 0; // 123
Math.floor(x); // 123

注意：前三種方法只適用于32個(gè)位整數(shù)，對(duì)于負(fù)數(shù)的處理上和Math.floor是不同的。
Math.floor(-12.53); // -13
-12.53 | 0; // -12

生成6位數(shù)字驗(yàn)證碼

// 方法一
("000000" + Math.floor(Math.random() *  999999)).slice(-6);

// 方法二
Math.random().toString().slice(-6);

// 方法三
Math.random().toFixed(6).slice(-6);

// 方法四
"" + Math.floor(Math.random() * 999999);

16進(jìn)制顏色代碼生成

(function() {
  return "#"+("00000"+
    (Math.random()*0x1000000<<0).toString(16)).slice(-6);
})();

駝峰命名轉(zhuǎn)下劃線

"componentMapModelRegistry".match(/^[a-z][a-z0-9]+|[A-Z][a-z0-9]*/g).join("_").toLowerCase(); // component_map_model_registry

url查詢參數(shù)轉(zhuǎn)json格式

// ES6
const query = (search = "") => ((querystring = "") => (q => (querystring.split("&").forEach(item => (kv => kv[0] && (q[kv[0]] = kv[1]))(item.split("="))), q))({}))(search.split("?")[1]);

// 對(duì)應(yīng)ES5實(shí)現(xiàn)
var query = function(search) {
  if (search === void 0) { search = ""; }
  return (function(querystring) {
    if (querystring === void 0) { querystring = ""; }
    return (function(q) {
      return (querystring.split("&").forEach(function(item) {
        return (function(kv) {
          return kv[0] && (q[kv[0]] = kv[1]);
        })(item.split("="));
      }), q);
    })({});
  })(search.split("?")[1]);
};

query("?key1=value1&key2=value2"); // es6.html:14 {key1: "value1", key2: "value2"}

獲取URL參數(shù)

function getQueryString(key){
  var reg = new RegExp("(^|&)"+ key +"=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if(r!=null){
      return  unescape(r[2]);
  }
  return null;
}

n維數(shù)組展開(kāi)成一維數(shù)組

var foo = [1, [2, 3], ["4", 5, ["6",7,[8]]], [9], 10];

// 方法一
// 限制：數(shù)組項(xiàng)不能出現(xiàn)`,`，同時(shí)數(shù)組項(xiàng)全部變成了字符數(shù)字
foo.toString().split(","); // ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]

// 方法二
// 轉(zhuǎn)換后數(shù)組項(xiàng)全部變成數(shù)字了
eval("[" + foo + "]"); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

// 方法三，使用ES6展開(kāi)操作符
// 寫(xiě)法太過(guò)麻煩，太過(guò)死板
[1, ...[2, 3], ...["4", 5, ...["6",7,...[8]]], ...[9], 10]; // [1, 2, 3, "4", 5, "6", 7, 8, 9, 10]

// 方法四
JSON.parse(`[${JSON.stringify(foo).replace(/[|]/g, "")}]`); // [1, 2, 3, "4", 5, "6", 7, 8, 9, 10]

// 方法五
const flatten = (ary) => ary.reduce((a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []);
flatten(foo); // [1, 2, 3, "4", 5, "6", 7, 8, 9, 10]

// 方法六
function flatten(a) {
  return Array.isArray(a) ? [].concat(...a.map(flatten)) : a;
}
flatten(foo); // [1, 2, 3, "4", 5, "6", 7, 8, 9, 10]

// 方法七
var flatten = function(arr) {
  var result = [];
  var flat = function* (a) {
    var length = a.length;
    for (var i = 0; i < length; i++) {
      var item = a[i];
      if (typeof item !== "number") {
        yield * flat(item);
      } else {
        yield item;
      }
    }
  }

  for (var f of flat(arr)) {
    result.push(f);
  }

  return result;
}

注：更多方法請(qǐng)參考《How to flatten nested array in JavaScript?》

日期格式化

// 方法一
function format1(x, y) {
  var z = {
    y: x.getFullYear(),
    M: x.getMonth() + 1,
    d: x.getDate(),
    h: x.getHours(),
    m: x.getMinutes(),
    s: x.getSeconds()
  };
  return y.replace(/(y+|M+|d+|h+|m+|s+)/g, function(v) {
    return ((v.length > 1 ? "0" : "") + eval("z." + v.slice(-1))).slice(-(v.length > 2 ? v.length : 2))
  });
}

format1(new Date(), "yy-M-d h:m:s"); // 17-10-14 22:14:41

// 方法二
Date.prototype.format = function (fmt) { 
  var o = {
    "M+": this.getMonth() + 1, //月份 
    "d+": this.getDate(), //日 
    "h+": this.getHours(), //小時(shí) 
    "m+": this.getMinutes(), //分 
    "s+": this.getSeconds(), //秒 
    "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
    "S": this.getMilliseconds() //毫秒 
  };
  if (/(y+)/.test(fmt)){
    fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  } 
  for (var k in o){
    if (new RegExp("(" + k + ")").test(fmt)){
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    }
  }     
  return fmt;
}

new Date().format("yy-M-d h:m:s"); // 17-10-14 22:18:17

統(tǒng)計(jì)文字個(gè)數(shù)

function wordCount(data) {
  var pattern = /[a-zA-Z0-9_u0392-u03c9]+|[u4E00-u9FFFu3400-u4dbfuf900-ufaffu3040-u309fuac00-ud7af]+/g;
  var m = data.match(pattern);
  var count = 0;
  if( m === null ) return count;
  for (var i = 0; i < m.length; i++) {
    if (m[i].charCodeAt(0) >= 0x4E00) {
      count += m[i].length;
    } else {
      count += 1;
    }
  }
  return count;
}

var text = "貸款買(mǎi)房，也意味著你能給自己的資產(chǎn)加杠桿，能夠撬動(dòng)更多的錢(qián)，來(lái)孳生更多的財(cái)務(wù)性收入。";
wordCount(text); // 38

特殊字符轉(zhuǎn)義

function htmlspecialchars (str) {
  var str = str.toString().replace(/&/g, "&").replace(//g, ">").replace(/"/g, """);
  return str;
}

htmlspecialchars("&jfkds<>"); // "&jfkds<>"

動(dòng)態(tài)插入js

function injectScript(src) {
    var s, t;
    s = document.createElement("script");
    s.type = "text/javascript";
    s.async = true;
    s.src = src;
    t = document.getElementsByTagName("script")[0];
    t.parentNode.insertBefore(s, t);
}

格式化數(shù)量

// 方法一
function formatNum (num, n) {
  if (typeof num == "number") {
    num = String(num.toFixed(n || 0));
    var re = /(-?d+)(d{3})/;
    while (re.test(num)) num = num.replace(re, "$1,$2");
    return num;
  }
  return num;
}

formatNum(2313123, 3); // "2,313,123.000"

// 方法二
"2313123".replace(/B(?=(d{3})+(?!d))/g, ","); // "2,313,123"

// 方法三
function formatNum(str) {
  return str.split("").reverse().reduce((prev, next, index) => {
    return ((index % 3) ? next : (next + ",")) + prev
  });
}

formatNum("2313323"); // "2,313,323"

身份證驗(yàn)證

function chechCHNCardId(sNo) {
  if (!this.regExpTest(sNo, /^[0-9]{17}[X0-9]$/)) {
    return false;
  }
  sNo = sNo.toString();

  var a, b, c;
  a = parseInt(sNo.substr(0, 1)) * 7 + parseInt(sNo.substr(1, 1)) * 9 + parseInt(sNo.substr(2, 1)) * 10;
  a = a + parseInt(sNo.substr(3, 1)) * 5 + parseInt(sNo.substr(4, 1)) * 8 + parseInt(sNo.substr(5, 1)) * 4;
  a = a + parseInt(sNo.substr(6, 1)) * 2 + parseInt(sNo.substr(7, 1)) * 1 + parseInt(sNo.substr(8, 1)) * 6;
  a = a + parseInt(sNo.substr(9, 1)) * 3 + parseInt(sNo.substr(10, 1)) * 7 + parseInt(sNo.substr(11, 1)) * 9;
  a = a + parseInt(sNo.substr(12, 1)) * 10 + parseInt(sNo.substr(13, 1)) * 5 + parseInt(sNo.substr(14, 1)) * 8;
  a = a + parseInt(sNo.substr(15, 1)) * 4 + parseInt(sNo.substr(16, 1)) * 2;
  b = a % 11;

  if (b == 2) {
    c = sNo.substr(17, 1).toUpperCase();
  } else {
    c = parseInt(sNo.substr(17, 1));
  }

  switch (b) {
    case 0:
      if (c != 1) {
        return false;
      }
      break;
    case 1:
      if (c != 0) {
        return false;
      }
      break;
    case 2:
      if (c != "X") {
        return false;
      }
      break;
    case 3:
      if (c != 9) {
        return false;
      }
      break;
    case 4:
      if (c != 8) {
        return false;
      }
      break;
    case 5:
      if (c != 7) {
        return false;
      }
      break;
    case 6:
      if (c != 6) {
        return false;
      }
      break;
    case 7:
      if (c != 5) {
        return false;
      }
      break;
    case 8:
      if (c != 4) {
        return false;
      }
      break;
    case 9:
      if (c != 3) {
        return false;
      }
      break;
    case 10:
      if (c != 2) {
        return false;
      };
  }
  return true;
}

測(cè)試質(zhì)數(shù)

function isPrime(n) {
  return !(/^.?$|^(..+?)1+$/).test("1".repeat(n))
}

統(tǒng)計(jì)字符串中相同字符出現(xiàn)的次數(shù)

var arr = "abcdaabc";

var info = arr
    .split("")
    .reduce((p, k) => (p[k]++ || (p[k] = 1), p), {});

console.log(info); //{ a: 3, b: 2, c: 2, d: 1 }

使用void 0來(lái)解決undefined被污染問(wèn)題

undefined = 1;
!!undefined; // true
!!void(0); // false

單行寫(xiě)一個(gè)評(píng)級(jí)組件

"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);

JavaScript 錯(cuò)誤處理的方式的正確姿勢(shì)

try {
    something
} catch (e) {
    window.location.href =
        "http://stackoverflow.com/search?q=[js]+" +
        e.message;
}

匿名函數(shù)自執(zhí)行寫(xiě)法

( function() {}() );
( function() {} )();
[ function() {}() ];

~ function() {}();
! function() {}();
+ function() {}();
- function() {}();

delete function() {}();
typeof function() {}();
void function() {}();
new function() {}();
new function() {};

var f = function() {}();

1, function() {}();
1 ^ function() {}();
1 > function() {}();

兩個(gè)整數(shù)交換數(shù)值

var a = 20, b = 30;
a ^= b;
b ^= a;
a ^= b;

a; // 30
b; // 20

數(shù)字字符轉(zhuǎn)數(shù)字

var a = "1";
+a; // 1

最短的代碼實(shí)現(xiàn)數(shù)組去重

[...new Set([1, "1", 2, 1, 1, 3])]; // [1, "1", 2, 3]

用最短的代碼實(shí)現(xiàn)一個(gè)長(zhǎng)度為m(6)且值都n(8)的數(shù)組

Array(6).fill(8); // [8, 8, 8, 8, 8, 8]

將argruments對(duì)象轉(zhuǎn)換成數(shù)組

var argArray = Array.prototype.slice.call(arguments);

// ES6：
var argArray = Array.from(arguments)

// or
var argArray = [...arguments];

獲取日期時(shí)間綴

// 獲取指定時(shí)間的時(shí)間綴
new Date().getTime();
(new Date()).getTime();
(new Date).getTime();
// 獲取當(dāng)前的時(shí)間綴
Date.now();
// 日期顯示轉(zhuǎn)換為數(shù)字
+new Date();

使用~x.indexOf("y")來(lái)簡(jiǎn)化x.indexOf("y") > -1

var str = "hello world";
if (str.indexOf("lo") > -1) {
  // ...
}

if (~str.indexOf("lo")) {
  // ...
}

parseInt() or Number()

兩者的差別之處在于解析和轉(zhuǎn)換兩者之間的理解。

解析允許字符串中含有非數(shù)字字符，解析按從左到右的順序，如果遇到非數(shù)字字符就停止。而轉(zhuǎn)換不允許出現(xiàn)非數(shù)字字符，否者會(huì)失敗并返回NaN。

var a = "520";
var b = "520px";

Number(a); // 520
parseInt(a); // 520

Number(b); // NaN
parseInt(b); // 520

parseInt方法第二個(gè)參數(shù)用于指定轉(zhuǎn)換的基數(shù)，ES5默認(rèn)為10進(jìn)制。

parseInt("10", 2); // 2
parseInt("10", 8); // 8
parseInt("10", 10); // 10
parseInt("10", 16);  // 16

對(duì)于網(wǎng)上parseInt(0.0000008)的結(jié)果為什么為8，原因在于0.0000008轉(zhuǎn)換成字符為"8e-7"，然后根據(jù)parseInt的解析規(guī)則自然得到"8"這個(gè)結(jié)果。

+拼接操作，+x or String(x)？

+運(yùn)算符可用于數(shù)字加法，同時(shí)也可以用于字符串拼接。如果+的其中一個(gè)操作符是字符串(或者通過(guò) 隱式強(qiáng)制轉(zhuǎn)換可以得到字符串)，則執(zhí)行字符串拼接；否者執(zhí)行數(shù)字加法。

需要注意的時(shí)對(duì)于數(shù)組而言，不能通過(guò)valueOf()方法得到簡(jiǎn)單基本類型值，于是轉(zhuǎn)而調(diào)用toString()方法。

[1,2] + [3, 4]; // "1,23,4"

對(duì)于對(duì)象同樣會(huì)先調(diào)用valueOf()方法，然后通過(guò)toString()方法返回對(duì)象的字符串表示。

var a = {};
a + 123; // "[object Object]123"

對(duì)于a + ""隱式轉(zhuǎn)換和String(a)顯示轉(zhuǎn)換有一個(gè)細(xì)微的差別：a + ""會(huì)對(duì)a調(diào)用valueOf()方法，而String()直接調(diào)用toString()方法。大多數(shù)情況下我們不會(huì)考慮這個(gè)問(wèn)題，除非真遇到。

var a  = {
  valueOf: function() { return 42; },
  toString: function() { return 4; }
}

a + ""; // 42
String(a); // 4

判斷對(duì)象的實(shí)例

// 方法一: ES3
function Person(name, age) {
  if (!(this instanceof Person)) {
    return new Person(name, age);
  }
  this.name = name;
  this.age = age;
}

// 方法二: ES5
function Person(name, age) {
  var self = this instanceof Person ? this : Object.create(Person.prototype);
  self.name = name;
  self.age = age;

  return self;
}

// 方法三：ES6
function Person(name, age) {
  if (!new.target) {
    throw "Peron must called with new";
  }
  this.name = name;
  this.age = age;
}

數(shù)據(jù)安全類型檢查

// 對(duì)象
function isObject(value) {
  return Object.prototype.toString.call(value).slice(8, -1) === "Object"";
}

// 數(shù)組
function isArray(value) {
  return Object.prototype.toString.call(value).slice(8, -1) === "Array";
}

// 函數(shù)
function isFunction(value) {
  return Object.prototype.toString.call(value).slice(8, -1) === "Function";
}

讓數(shù)字的字面值看起來(lái)像對(duì)象

2.toString(); // Uncaught SyntaxError: Invalid or unexpected token

2..toString(); // 第二個(gè)點(diǎn)號(hào)可以正常解析
2 .toString(); // 注意點(diǎn)號(hào)前面的空格
(2).toString(); // 2先被計(jì)算

對(duì)象可計(jì)算屬性名(僅在ES6中)

var suffix = " name";
var person = {
  ["first" + suffix]: "Nicholas",
  ["last" + suffix]: "Zakas"
}

person["first name"]; // "Nicholas"
person["last name"]; // "Zakas"

數(shù)字四舍五入

// v: 值，p: 精度
function (v, p) {
  p = Math.pow(10, p >>> 31 ? 0 : p | 0)
  v *= p;
  return (v + 0.5 + (v >> 31) | 0) / p
}

round(123.45353, 2); // 123.45

在瀏覽器中根據(jù)url下載文件

function download(url) {
  var isChrome = navigator.userAgent.toLowerCase().indexOf("chrome") > -1;
  var isSafari = navigator.userAgent.toLowerCase().indexOf("safari") > -1;

  if (isChrome || isSafari) {
    var link = document.createElement("a");
    link.href = url;

    if (link.download !== undefined) {
      var fileName = url.substring(url.lastIndexOf("/") + 1, url.length);
      link.download = fileName;
    }

    if (document.createEvent) {
      var e = document.createEvent("MouseEvents");
      e.initEvent("click", true, true);
      link.dispatchEvent(e);
      return true;
    }
  }

  if (url.indexOf("?") === -1) {
    url += "?download";
  }

  window.open(url, "_self");
  return true;
}

快速生成UUID

function uuid() {
  var d = new Date().getTime();
  var uuid = "xxxxxxxxxxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
    var r = (d + Math.random() * 16) % 16 | 0;
    d = Math.floor(d / 16);
    return (c == "x" ? r : (r & 0x3 | 0x8)).toString(16);
  });
  return uuid;
};

uuid(); // "33f7f26656cb-499b-b73e-89a921a59ba6"

JavaScript浮點(diǎn)數(shù)精度問(wèn)題

function isEqual(n1, n2, epsilon) {
  epsilon = epsilon == undefined ? 10 : epsilon; // 默認(rèn)精度為10
  return n1.toFixed(epsilon) === n2.toFixed(epsilon);
}

0.1 + 0.2; // 0.30000000000000004
isEqual(0.1 + 0.2, 0.3); // true

0.7 + 0.1 + 99.1 + 0.1; // 99.99999999999999
isEqual(0.7 + 0.1 + 99.1 + 0.1, 100); // true

格式化表單數(shù)據(jù)

function formatParam(obj) {
  var query = "", name, value, fullSubName, subName, subValue, innerObj, i;

  for(name in obj) {
    value = obj[name];

    if(value instanceof Array) {
      for(i=0; i
創(chuàng)建指定長(zhǎng)度非空數(shù)組
在JavaScript中可以通過(guò)new Array(3)的形式創(chuàng)建一個(gè)長(zhǎng)度為3的空數(shù)組。在老的Chrome中其值為[undefined x 3]，在最新的Chrome中為[empty x 3]，即空單元數(shù)組。在老Chrome中，相當(dāng)于顯示使用[undefined, undefined, undefined]的方式創(chuàng)建長(zhǎng)度為3的數(shù)組。
但是，兩者在調(diào)用map()方法的結(jié)果是明顯不同的
var a = new Array(3);
var b = [undefined, undefined, undefined];

a.map((v, i) => i); // [empty × 3]
b.map((v, i) => i); // [0, 1, 2]
多數(shù)情況我們期望創(chuàng)建的是包含undefined值的指定長(zhǎng)度的空數(shù)組，可以通過(guò)下面這種方法來(lái)達(dá)到目的：
var a = Array.apply(null, { length: 3 });

a; // [undefined, undefined, undefined]
a.map((v, i) => i); // [0, 1, 2]
總之，盡量不要?jiǎng)?chuàng)建和使用空單元數(shù)組。
debounce方法
debounce()方法用來(lái)延遲執(zhí)行函數(shù)。
var debounce = function (func, threshold, execAsap) {
  var timeout;

  return function debounced() {
    var obj = this, args = arguments;
    function delayed() {
      if (!execAsap)
        func.apply(obj, args);
      timeout = null;
    };

    if (timeout)
      clearTimeout(timeout);
    else if (execAsap)
      func.apply(obj, args);

    timeout = setTimeout(delayed, threshold || 100);
  };
}
判斷客戶端
var browser = {
    v: (function() {
        var u = navigator.userAgent,
            app = navigator.appVersion,
            p = navigator.platform;
        return {
            trident: u.indexOf("Trident") > -1, //IE內(nèi)核
            presto: u.indexOf("Presto") > -1, //opera內(nèi)核
            webKit: u.indexOf("AppleWebKit") > -1, //蘋(píng)果、谷歌內(nèi)核
            gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐內(nèi)核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動(dòng)終端
            ios: !!u.match(/i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
            android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, //android終端或uc瀏覽器
            iPhone: u.indexOf("iPhone") > -1, //是否為iPhone或者QQHD瀏覽器
            iPad: u.indexOf("iPad") > -1, //是否iPad
            weixin: u.indexOf("MicroMessenger") > -1, //是否微信
            webApp: u.indexOf("Safari") == -1, //是否web應(yīng)該程序，沒(méi)有頭部與底部
            UCB: u.match(/UCBrowser/i) == "UCBrowser",
            QQB: u.match(/MQQBrowser/i) == "MQQBrowser",
            win: p.indexOf("Win") > -1, //判斷是否是WIN操作系統(tǒng)
            mac: p.indexOf("Mac") > -1 //判斷是否是Mac操作系統(tǒng)
        };
    })()
}
計(jì)算輸入字符數(shù)并且區(qū)分中英文
英文、數(shù)字包括英文符號(hào)占一個(gè)長(zhǎng)度，中文和中文標(biāo)點(diǎn)符號(hào)占二個(gè)長(zhǎng)度，這里也只處理常見(jiàn)的中文符號(hào)。
// 判斷是否為中文
export const isChinese = ch => {
  const HAN_REGEX = /[u2E80-u2E99u2E9B-u2EF3u2F00-u2FD5u3005u3007u3021-u3029u3038-u303Bu3400-u4DB5u4E00-u9FD5uF900-uFA6DuFA70-uFAD9]/;
  return !!ch.match(HAN_REGEX);
};

// 判斷是否為常見(jiàn)中文符號(hào)
export const isChinesePunctuation = ch => {
  // 中文標(biāo)點(diǎn)符號(hào) ·！￥……（）——【】？、，?！丁?；：‘’“”「」
  const HAN_PUNCTUATION_REGEX = /[u0026u0023u0031u0038u0033u003buff01uffe5u2026u2026uff08uff09u2014u2014u3010u3011uff1fu3001uff0cu3002u300au300buff1buff1au2018u2019u201cu201du300cu300d]/;
  return !!ch.match(HAN_PUNCTUATION_REGEX);
};

// 判斷是否英文字母，包含數(shù)字
export const isEnglish = ch => {
  const code = ch.codePointAt(0);
  return (code > 64 && code < 91) || (code > 96 && code < 123) || (code > 48 && code < 58);
}

// 統(tǒng)計(jì)字符串的長(zhǎng)度，中文占二個(gè)字節(jié)，英文占一個(gè)字節(jié)
export const getChCount = str => {
  const trimmedStr = str.trim();
  let count = 0;

  for (let i = 0; i < trimmedStr.length; i++) {
    // 先判斷英文，實(shí)測(cè)發(fā)現(xiàn)中文符號(hào)在編碼上解析出來(lái)的有可能和英文一樣，導(dǎo)致統(tǒng)計(jì)錯(cuò)誤
    if (isEnglish(trimmedStr[i])) {
      count += 1;
    } else if (isChinese(trimmedStr[i]) || isChinesePunctuation(trimmedStr[i])) {
      count += 2;
    } else {
      count += 1;
    }
  }

  return count;
}
注意：上面并沒(méi)有完整的測(cè)試，使用時(shí)請(qǐng)多測(cè)試一下，及時(shí)反饋。
根據(jù)字節(jié)顯示大小
/**
 * 解析字節(jié)，例如：
 * 1000000 bytes -> { size: 976.6, unit: "kB" }
 *
 * @param bytes 字節(jié)大小
 * @returns {{size: number, unit: (string|string|string|string|string|string|string|string)}}
 */
export const parseBytes = (bytes: number): { size: number, unit: string } => {
  let i = -1;
  const byteUnits = [ "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB" ];

  do {
    bytes = bytes / 1024;
    i++;
  } while (bytes > 1024);

  return {
    size: parseFloat(Math.max(bytes, 0.1).toFixed(1)),
    unit: byteUnits[ i ]
  };
};

GPU云服務(wù)器云服務(wù)器代碼片段添加代碼片段 Python代碼片段 BootStrap代碼片段

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

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

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

登陸后可評(píng)論

0條評(píng)論

junfeng777

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

Linux系統(tǒng)安全以及相關(guān)應(yīng)用

閱讀 3251·2021-11-24 09:39
香港云服務(wù)器租用價(jià)格多少錢(qián)一年?騰訊云/UCloud/易探云香港vps主機(jī)推薦

閱讀 2936·2021-09-09 11:34
行業(yè)報(bào)告 | 2021.09.06 | 研報(bào)目錄更新

閱讀 3203·2021-09-07 09:58
display 與 visibility

閱讀 2308·2019-08-30 13:07
你可以說(shuō)出export export default || model.exports exp

閱讀 2872·2019-08-29 15:09
拋磚引玉css系列---根據(jù)父元素包含的子元素個(gè)數(shù)，實(shí)現(xiàn)不同的樣式

閱讀 1569·2019-08-29 13:01
lodash源碼收獲之bitmarks

閱讀 2314·2019-08-26 12:18
EasyUI datagrid數(shù)據(jù)表格單元格內(nèi)允許換行解決單元格內(nèi)純數(shù)字或英文文本不能換行問(wèn)題

閱讀 1938·2019-08-26 10:28

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

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript有用的代碼片段和trick

相關(guān)文章

2017-10-15 前端日?qǐng)?bào)

2019 年值得關(guān)注的 23 個(gè)開(kāi)發(fā)者博客

2019 年值得關(guān)注的 23 個(gè)開(kāi)發(fā)者博客

2019 年值得關(guān)注的 23 個(gè)開(kāi)發(fā)者博客

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

0條評(píng)論

junfeng777

男|高級(jí)講師

TA的文章

Linux系統(tǒng)安全以及相關(guān)應(yīng)用

香港云服務(wù)器租用價(jià)格多少錢(qián)一年?騰訊云/UCloud/易探云香港vps主機(jī)推薦

行業(yè)報(bào)告 | 2021.09.06 | 研報(bào)目錄更新

display 與 visibility

你可以說(shuō)出export export default || model.exports exp

拋磚引玉css系列---根據(jù)父元素包含的子元素個(gè)數(shù)，實(shí)現(xiàn)不同的樣式

lodash源碼收獲之bitmarks

EasyUI datagrid數(shù)據(jù)表格單元格內(nèi)允許換行解決單元格內(nèi)純數(shù)字或英文文本不能換行問(wèn)題

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript有用的代碼片段和trick

相關(guān)文章

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

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！