优雅的JS类型判断写法

普通写法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
function typeOf(value) {
  if (value === null) {
    return 'null'; // null 是一个特殊的值，typeof null 会返回 'object'
  }

  if (value === undefined) {
    return 'undefined'; // undefined 是另一种特殊类型
  }

  // 检测基础数据类型
  const type = typeof value;

  if (type !== 'object') {
    return type; // 对于除了对象外的所有类型（string, number, boolean, symbol, bigint, function）
  }

  // 对于对象类型，进一步检查是数组还是普通对象
  if (Array.isArray(value)) {
    return 'array';
  }

  // 检查日期对象
  if (value instanceof Date) {
    return 'date';
  }

  // 检查正则对象
  if (value instanceof RegExp) {
    return 'regexp';
  }

  // 检查其他对象
  return 'object';
}


// 测试
console.log(typeOf(123));           // "number"
console.log(typeOf("Hello"));       // "string"
console.log(typeOf(true));          // "boolean"
console.log(typeOf(undefined));     // "undefined"
console.log(typeOf(null));          // "null"
console.log(typeOf([1, 2, 3]));     // "array"
console.log(typeOf({ key: "value" })); // "object"
console.log(typeOf(function() {})); // "function"
console.log(typeOf(new Date()));    // "date"
console.log(typeOf(/abc/));         // "regexp"
console.log(typeOf(Symbol('symbol'))); // "symbol"
console.log(typeOf(BigInt(123)));   // "bigint"

优雅写法

可以通过 Object.prototype.toString 方法来判断各种类型，这种方法比 typeof 更加精确，尤其是在判断 null 和数组时会更好

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
function typeOf(value) {
  // 使用 Object.prototype.toString.call 可以处理所有类型
  const type = Object.prototype.toString.call(value);

  // 解析返回的类型字符串
  switch (type) {
    case '[object Null]':
      return 'null';
    case '[object Undefined]':
      return 'undefined';
    case '[object Array]':
      return 'array';
    case '[object Object]':
      return 'object';
    case '[object Date]':
      return 'date';
    case '[object RegExp]':
      return 'regexp';
    case '[object Function]':
      return 'function';
    case '[object String]':
      return 'string';
    case '[object Number]':
      return 'number';
    case '[object Boolean]':
      return 'boolean';
    case '[object Symbol]':
      return 'symbol';
    case '[object BigInt]':
      return 'bigint';
    default:
      return 'unknown'; // 其他类型
  }
}

// 测试
console.log(typeOf(123));               // "number"
console.log(typeOf("Hello"));           // "string"
console.log(typeOf(true));              // "boolean"
console.log(typeOf(undefined));         // "undefined"
console.log(typeOf(null));              // "null"
console.log(typeOf([1, 2, 3]));         // "array"
console.log(typeOf({ key: "value" }));  // "object"
console.log(typeOf(function() {}));     // "function"
console.log(typeOf(new Date()));        // "date"
console.log(typeOf(/abc/));             // "regexp"
console.log(typeOf(Symbol('symbol')));  // "symbol"
console.log(typeOf(BigInt(123)));       // "bigint"
console.log(typeOf(new Set()));         // "unknown"