javascript有用的代碼片段

PiscesYE 發(fā)布于2019-08-26 11:53 / 2606人閱讀

摘要：有用的代碼片段小數(shù)取整按位運(yùn)算符直接去掉小數(shù)，向下取整，返回的數(shù)小于等于原來的數(shù)。布爾值返回或，返回，數(shù)字直接返回，返回，對于字符串，將其轉(zhuǎn)換為十進(jìn)制數(shù)值，會忽略前面的進(jìn)制除外，空字符串返回，浮點(diǎn)數(shù)會返回浮點(diǎn)數(shù)值。

JavaScript有用的代碼片段 小數(shù)取整

const x = 1.234;
~~x    //1
x >>   //1
x | 0  //1
Math.floor(x)  //1

const y = -1.4;
x >>   //-1
Math.floor(y)   //-2

按位運(yùn)算符直接去掉小數(shù)，Math.floor()向下取整，返回的數(shù)小于等于原來的數(shù)。

生成n位隨機(jī)數(shù)

let getRandom = n => Math.random().toString().slice(-n);
getRandom(6)   //6位隨機(jī)數(shù)

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

let colorCode = "#" +("00000" +(Math .random()* 0x1000000 << 0).toString(16)).slice(- 6);

n到m間隨機(jī)整數(shù)

let randomNum = (n,m) => Math.floor(Math.random()*(m-n) + n);
randomNum(2,10)   //2-10之間的整數(shù)

生成n到m間的隨機(jī)整數(shù)，不包括m，n和m可以為負(fù)數(shù)。

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

let humpToUnderline = str => str.match(/^[a-z][a-z0-9]+|[A-Z][a-z0-9]*/g).join("_").toLowerCase();
humpToUnderline("helloWorld");  //hello_world

url參數(shù)轉(zhuǎn)json

let urlToJson = url => {
    let json = {};
    if (!!!url) return json;
    let data = url.split("?")[1] ? url.split("?")[1].split("&") : [];
    for(let i=0; i
獲取url中的參數(shù)
let getUrlData = name => {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    let r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]);
    return null;
}
n維數(shù)組轉(zhuǎn)1維數(shù)組
let flatten = arr => JSON.parse(`[${JSON.stringify(arr).replace(/[|]/g, "")}]`);
let flatten = arr => arr.reduce((a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []);
let flatten = a => Array.isArray(a) ? [].concat(...a.map(flatten)) : a;

flatten([1,[2,3,[3,4],5])  //[1,2,3,4,5]
n維數(shù)組展開成字符串
let arr = [1,3,[4,[72,"a","d"],3,[6,"c"],d]];

arr+"";
arr.toString();
arr.join();
JSON.stringify(arr).replace(/[|]/g,"");

//"1,3,4,72,"a","d",3,6,"c""
時間格式化
//時間格式化
function format1(x, y) {
    let i = 0;
    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) {
        console.log(++i);
        return ((v.length > 1 ? "0" : "") + eval("z." + v.slice(-1))).slice(-(v.length > 2 ? v.length : 2))
    });
}

format1(new Date(), "yyyy-MM-dd h:m:s");   //2018-01-22 9:38:10
統(tǒng)計文字個數(shù)
//統(tǒng)計文字個數(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 = "統(tǒng)計文字個數(shù)";
// console.log(wordCount(text)); // 6
格式化數(shù)字
//法一
function formatNum (str) {
    return str.replace(/B(?=(d{3})+(?!d))/g, ",");
}

//法二
function formatNum (str) {
    return str.split("").reverse().reduce((prev, next, index) => {
        return ((index % 3) ? next : (next + ",")) + prev
    })
}
檢測質(zhì)數(shù)
function isPrime(n) {
    return !(/^.?$|^(..+?)1+$/).test("1".repeat(n))
}
統(tǒng)計字符出現(xiàn)的次數(shù)
function strTimes (str) {
    return str.split("").reduce((p,n) => (p[n]++ || (p[n]=1) ,p), {});   
}    
評級
let grade = rate => "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);
字符串類型的數(shù)字轉(zhuǎn)數(shù)字
let a = "1";
+a   //1;
+a 可以理解為Number(a)，將一個變量轉(zhuǎn)成數(shù)字。布爾值返回0或1，undefined返回NaN，數(shù)字直接返回，null返回0，對于字符串，將其轉(zhuǎn)換為十進(jìn)制數(shù)值，會忽略前面的0（16進(jìn)制除外），空字符串返回0，浮點(diǎn)數(shù)會返回浮點(diǎn)數(shù)值。其他格式字符串（無論是否數(shù)字開頭，返回NaN，字符串中好幾個小數(shù)點(diǎn)，返回NaN。
數(shù)組去重復(fù)
[...new Set(arr)]
更多更詳細(xì)的數(shù)組去重方法。
獲取時間戳
(new Date()).getTime();
(new Date).getTime();
new Date().getTime();
+new Date();
Date.now();