乐趣区

JavaScript-技巧收藏

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. 对象相关

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