JavaScript 小技巧

1.类型转换

  • string -> number

    '32' * 1       // 32'abc' * 1      // NaN null * 1      // 0 undefined * 1 // NaN { valueOf: () => '3'} * 1  //3

    常用：也可以使用 + 来转化字符串为数字

  • object -> string
  • boolean 过滤 数组中的所有假植
  • 双位运算符 ~~
  • 短路运算符
  • 取整 |0
  • 判断奇偶数

2.函数相关

  • 函数默认值
  • 强制参数
  • 隐式返回值
  • 惰性载入函数
  • 一次性函数

3.代码复用

  • Object [key]

4.数字字面量

  • 进制表示法
  • 精确到指定位数的小数

5.数组相关

  • reduce 方法同时实现 map 和 filter
  • 统计数组中相同项的个数
  • 使用解构来交换参数数值
  • 接收函数返回的多个结果
  • 将数组平铺到指定深度
  • 数组的对象解构

6.对象相关

  • 使用解构删除不必要的属性
  • 在函数参数中解构嵌套对象