【前端】整合javascript常见的判断函数

前置

const toString = Object.prototype.toString;

export function is(val: unknown, type: string) {
  return toString.call(val) === `[object ${type}]`;
}

判断逻辑

是/否定义为对象

export function isDef<T = unknown>(val?: T): val is T {
  return typeof val !== 'undefined';
}

export function isUnDef<T = unknown>(val?: T): val is T {
  return !isDef(val);
}

export function isObject(val: any): val is Record<any, any> {
  return val !== null && is(val, 'Object');
}

是否空

export function isEmpty<T = unknown>(val: T): val is T {
  if (isArray(val) || isString(val)) {
    return val.length === 0;
  }
  if (val instanceof Map || val instanceof Set) {
    return val.size === 0;
  }

  if (isObject(val)) {
    return Object.keys(val).length === 0;
  }

  return false;
}

是否为日期

export function isDate(val: unknown): val is Date {
  return is(val, 'Date');
}

是否null

export function isNull(val: unknown): val is null {
  return val === null;
}

export function isNullAndUnDef(val: unknown): val is null | undefined {
  return isUnDef(val) && isNull(val);
}

export function isNullOrUnDef(val: unknown): val is null | undefined {
  return isUnDef(val) || isNull(val);
}

是否为number类型

export function isNumber(val: unknown): val is number {
  return is(val, 'Number');
}

是否promise类型

export function isPromise<T = any>(val: any): val is Promise<T> {
  // update-begin--author:sunjianlei---date:20211022---for: 不能既是 Promise 又是 Object --------
  return is(val, 'Promise') && isFunction(val.then) && isFunction(val.catch);
  // update-end--author:sunjianlei---date:20211022---for: 不能既是 Promise 又是 Object --------
}

是否string类型

export function isString(val: unknown): val is string {
  return is(val, 'String');
}

是否json字符串

export function isJsonObjectString(val: string): val is string {
  if (!val) {
    return false;
  }
  return val.startsWith('{') && val.endsWith('}');
}

是否函数类型

export function isFunction(val: unknown): val is Function {
  return typeof val === 'function';
}

是否boolean类型

export function isBoolean(val: unknown): val is boolean {
  return is(val, 'Boolean');
}

是否正则

export function isRegExp(val: unknown): val is RegExp {
  return is(val, 'RegExp');
}

是否为数组

export function isArray(val: any): val is Array<any> {
  return val && Array.isArray(val);
}

是否为window对象

export function isWindow(val: any): val is Window {
  return typeof window !== 'undefined' && is(val, 'Window');
}

export function isElement(val: unknown): val is Element {
  return isObject(val) && !!val.tagName;
}

是否为映射

export function isMap(val: unknown): val is Map<any, any> {
  return is(val, 'Map');
}

是否为服务端

export const isServer = typeof window === 'undefined';

export const isClient = !isServer;

是否为url地址

export function isUrl(path: string): boolean {
  const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
  return reg.test(path);
}

数组操作

json数组按照某个key去重

/*
 * json数组去重
 * @param: {Array} jsonArr 去重之前的数组
 * @param  {String} field  需要去重的字段值
 * @return {Array}        去重之后的数组
 */
export function uniqueJsonArrByField(jsonArr, field) {
    // 数组长度小于2 或 没有指定去重字段 或 不是json格式数据
    if (jsonArr.length < 2 || !field || typeof jsonArr[0] !== "object") return jsonArr;
    const uniqueArr = jsonArr.reduce((all, next) => all.some((item) => item[field] == next[field]) ? all : [...all, next], []);
    return uniqueArr;
}
————————————————
版权声明：本文为CSDN博主「全栈弄潮儿²⁰²⁴」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u010494753/article/details/129677467