布尔值相关

强制转换

  1. let isA = !!b; // boolean类型的变量，命名最好带上 isXXX, hasXXX...
  3. !!0 // false
  4. !!1 // true
  5. !!2 // true
  7. !!"" // false
  8. !!"string" // true
  10. !!null // false
  11. !!undefined // false
  13. !!false // false
  14. !!ture // ture
  16. !!{} // true
  17. !![] // true

数值相关

强制转换

  1. let a = '123' - 0;
  3. // 将一个字符串数组全部转换成数值数组
  4. ['1', '2', '3'].map(Number) // [1, 2, 3]

字符串相关

强制转换

  1. let a = 123 + '';
  3. // 将一个数值数组全部转换成字符串数组
  4. [1, 2, 3].map(String) // ['1', '2', '3']

字符串自动补全

padStart，这个是es6新加的函数，非常好用，

  1. padStart, padEnd 字符串补全长度的功能
  2. padStart 头部补全
  3. padEnd 尾部补全
  1. '1'.padStart(10, '0') // "0000000001"
  2. '1'.padEnd(10, '0') // "1000000000"
  4. '123456'.padStart(10, '0') // "0000123456"
  5. '12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
  7. // 显示年月日
  8. const date = new Date();
  9. var str = date.getFullYear() + '-' + (date.getMonth() + 1).toString().padStart(2, '0') + '-' + date.getDate().toString().padStart(2, '0') // "2019-12-05"

对象(狭义)相关

对象与字符串之间互转

  1. // JSON转换对象与对象字符串，比如localStorage, 存储的时候，必须要stringify一下，取出来，也需要parse
  2. let obj = {
  3.     "name": "Aco",
  4.     "age": 18,
  5.     "address": "XXX"
  6. };
  8. let a = JSON.stringify(obj) // "{"name":"Aco","age":18,"address":"XXX"}"
  10. let b = JSON.parse(a) 
  11. /*
  12. {
  13.     "name": "Aco",
  14.     "age": 18,
  15.     "address": "XXX"
  16. };
  17. */
  19. // 必要的时候，需要使用try catch
  21. let b = {};
  22. try {
  23.     b = JSON.parse(a);
  24. }catch(e) {
  25.     console.log(e);
  26. }

数组

多维数组展开

  1. const deepFlatten = arr => [].concat(...arr.map(v => (Array.isArray(v) ? deepFlatten(v) : v) ));
  3. deepFlatten([[1, [2], [[3], 4], 5], 2]); // [1, 2, 3, 4, 5, 2]
  5. // es6有一个语法糖 arr.flat(n) n为指定的展开层数
  6. const arr = [1, 2, [3, 4]]
  8. arr.flat() // [1, 2, 3, 4] 扁平化数组, 默认展开一层。
  10. const arr2 = [1, 2, [3, 4, [5, 6]]]
  12. arr2.flat() // [1, 2, 3, 4, [5, 6]]
  13. arr2.flat(2) // [1, 2, 3, 4, 5, 6]

数组去重

这里方法有很多很多重，es5的几种方法，又漏洞，比如不能识别NaN, 建议直接用es6语法

  1. var myArr = [1, 1, 2, 1, NaN, undefined, undefined, NaN, 3, 3, 4, null, null] // 测试数据 方便在浏览器控制台测试就都使用var了，这样改数据就不用重新刷新浏览器了。。。
  3. // set方法
  4. var unique1 = (arr) => [...new Set(arr)];
  5. unique1(myArr) // [1, 2, NaN, undefined, 3, 4, null]

函数相关

随机生产一定位数的验证码

网上看到的，用到了很多次

  1. const code = Math.floor(Math.random() * 1000000).toString().padStart(6, "0");

RGB 颜色转 16进制颜色

  1. const RGBToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
  3. RGBToHex(255, 165, 1); // 'ffa501'

See the Pen 2019-09 daliyCo