javascript有用的代码片段

20

JavaScript有用的代码片段

小数取整

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
按位运算符直接去掉小数,Math.floor()向下取整,返回的数小于等于原来的数。

生成n位随机数

let getRandom = n => Math.random().toString().slice(-n);
getRandom(6)   //6位随机数

生成16进制颜色

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

n到m间随机整数

let randomNum = (n,m) => Math.floor(Math.random()*(m-n) + n);
randomNum(2,10)   //2-10之间的整数
生成n到m间的随机整数,不包括m,n和m可以为负数。

驼峰命名转下划线

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

url参数转json

let urlToJson = url => {
    let json = {};
    if (!!!url) return json;
    let data = url.split('?')[1] ? url.split('?')[1].split('&') : [];
    for(let i=0; i<data.length; i++) {
        let k = data[i].split('=');
        k[0] && (json[k[0]] = k[1] || '');
    }
    return json;
}

获取url中的参数

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维数组转1维数组

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维数组展开成字符串

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

统计文字个数

//统计文字个数
function wordCount(data) {
  var pattern = /[a-zA-Z0-9_\u0392-\u03c9]+|[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\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 = '统计文字个数';
// console.log(wordCount(text)); // 6

格式化数字

//法一
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
    })
}

检测质数

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

统计字符出现的次数

function strTimes (str) {
    return str.split('').reduce((p,n) => (p[n]++ || (p[n]=1) ,p), {});   
}    

评级

let grade = rate => "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);

字符串类型的数字转数字

let a = '1';
+a   //1;
+a 可以理解为Number(a),将一个变量转成数字。布尔值返回0或1,undefined返回NaN,数字直接返回,null返回0,对于字符串,将其转换为十进制数值,会忽略前面的0(16进制除外),空字符串返回0,浮点数会返回浮点数值。其他格式字符串(无论是否数字开头,返回NaN,字符串中好几个小数点,返回NaN

数组去重复

[...new Set(arr)]

更多更详细的数组去重方法

获取时间戳

(new Date()).getTime();
(new Date).getTime();
new Date().getTime();
+new Date();
Date.now();

你可能感兴趣的

阿晋 · 2018年05月03日

那个评分有点意思,哈哈哈!

回复

0

评分怎么玩儿的?大佬请指教

一块二的金帝 · 2018年05月09日
0

@一块二的金帝 你是说文章里的那个评级吗?哈,说白了是字符串截取而已。

阿晋 · 2018年05月10日
0

@阿晋 对啊,评级 感觉是不是代码贴的少了

一块二的金帝 · 2018年05月11日
dudu_du · 2018年05月03日

评分可以

回复

0

评分怎么玩儿的?大佬请指教

一块二的金帝 · 2018年05月09日
吉良吉影 · 2018年05月04日

位运算符有个问题,只能处理-2147483648到2147483647之间的数,超出范围的取整会出现问题

回复

红尘中的三粒土 · 2018年05月04日

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;
这段代码我运行都不了 我也是醉了你那个replace

回复

0

可以的啊,第一个函数里面用了模版字符串,你少写了反引号。这三个函数是三种实现方法,用其中一个就可以了。

zhaoqing 作者 · 2018年05月04日
载入中...