feat: add function of isJsonString and parseQueryParams

Author: chandq

src/dom.ts

@@ -2,7 +2,7 @@ import { arrayEach } from './array';
 import { easingFunctional, EasingName } from './easing';
 import { objectEach, objectMerge } from './object';
 import { stringKebabCase } from './string';
-import { isObject } from './type';
+import { isObject, isString } from './type';
 
 export interface Style {
   [propName: string]: string | number;
@@ -179,3 +179,35 @@ export function getComputedCssVal(el: HTMLElement, property: string, reNumber: b
   const originVal = getComputedStyle(el).getPropertyValue(property) ?? '';
   return reNumber ? Number(originVal.replace(/([0-9]*)(.*)/g, '$1')) : originVal;
 }
+
+/**
+ * 字符串的像素宽度
+ * @param {string} str 目标字符串
+ * @param {number} fontSize 字符串字体大小
+ * @param {boolean} isRemoveDom 计算后是否移除中间dom元素
+ * @returns {*}
+ */
+export function getStrWidthPx(str: string, fontSize: number = 14, isRemoveDom: boolean = false): number {
+  let strWidth = 0;
+  console.assert(isString(str), `${str} 不是有效的字符串`);
+  if (isString(str) && str.length > 0) {
+    let getEle: HTMLSpanElement | null = document.querySelector('#getStrWidth1494304949567');
+    if (!getEle) {
+      const _ele = document.createElement('span');
+      _ele.id = 'getStrWidth1494304949567';
+      _ele.style.fontSize = fontSize + 'px';
+      _ele.style.whiteSpace = 'nowrap';
+      _ele.style.visibility = 'hidden';
+      _ele.textContent = str;
+      document.body.appendChild(_ele);
+      getEle = _ele;
+    }
+
+    getEle!.textContent = str;
+    strWidth = getEle!.offsetWidth;
+    if (isRemoveDom) {
+      document.body.appendChild(getEle);
+    }
+  }
+  return strWidth;
+}

src/string.ts

@@ -133,33 +133,20 @@ export const stringEscapeHtml = (html: string): string => {
 export const stringFill = (length: number, value = ' '): string => new Array(length).fill(value).join('');
 
 /**
- * 字符串的像素宽度
- * @param {string} str 目标字符串
- * @param {number} fontSize 字符串字体大小
- * @param {boolean} isRemoveDom 计算后是否移除中间dom元素
- * @returns {*}
+ * 解析URL查询参数
+ * @param {string} searchStr
+ * @return {Record<string, string | string[]>}
  */
-export function getStrWidthPx(str: string, fontSize: number = 14, isRemoveDom: boolean = false): number {
-  let strWidth = 0;
-  console.assert(isString(str), `${str} 不是有效的字符串`);
-  if (isString(str) && str.length > 0) {
-    let getEle: HTMLSpanElement | null = document.querySelector('#getStrWidth1494304949567');
-    if (!getEle) {
-      const _ele = document.createElement('span');
-      _ele.id = 'getStrWidth1494304949567';
-      _ele.style.fontSize = fontSize + 'px';
-      _ele.style.whiteSpace = 'nowrap';
-      _ele.style.visibility = 'hidden';
-      _ele.textContent = str;
-      document.body.appendChild(_ele);
-      getEle = _ele;
+export function parseQueryParams(searchStr: string = location.search): Record<string, string | string[]> {
+  const queryObj = {};
+  Array.from(searchStr.matchAll(/[&?]?([^=&]+)=?([^=&]*)/g)).forEach((item, i) => {
+    if (!queryObj[item[1]]) {
+      queryObj[item[1]] = item[2];
+    } else if (typeof queryObj[item[1]] === 'string') {
+      queryObj[item[1]] = [queryObj[item[1]], item[2]];
+    } else {
+      queryObj[item[1]].push(item[2]);
     }
-
-    getEle!.textContent = str;
-    strWidth = getEle!.offsetWidth;
-    if (isRemoveDom) {
-      document.body.appendChild(getEle);
-    }
-  }
-  return strWidth;
+  });
+  return queryObj;
 }

src/type.ts

@@ -53,5 +53,18 @@ export const isNaN = (any: unknown): any is number => Number.isNaN(any as number
 export const isDate = (any: unknown): any is Date => typeIs(any) === 'Date';
 export const isError = (any: unknown): any is Error => typeIs(any) === 'Error';
 export const isRegExp = (any: unknown): any is RegExp => typeIs(any) === 'RegExp';
+/**
+ * 判断一个字符串是否为有效的 JSON
+ * @param {string} str
+ * @return {boolean}
+ */
+export function isJsonString(str: string): boolean {
+  try {
+    const parsed = JSON.parse(str);
+    return typeof parsed === 'object' && parsed !== null;
+  } catch (e) {
+    return false;
+  }
+}
 
 export default typeIs;

test/string.test.ts

@@ -7,7 +7,8 @@ import {
   STRING_LOWERCASE_ALPHA,
   STRING_UPPERCASE_ALPHA,
   stringEscapeHtml,
-  stringFill
+  stringFill,
+  parseQueryParams
 } from '../src/string';
 
 test('stringCamelCase', () => {
@@ -69,3 +70,7 @@ test('stringFill', () => {
   expect(stringFill(5)).toEqual('     ');
   expect(stringFill(5, '1')).toEqual('11111');
 });
+
+test('parseQueryParams', () => {
+  expect(parseQueryParams('?a=1&a=3&b=true&c&a=111')).toEqual({ a: ['1', '3', '111'], b: 'true', c: '' });
+});

test/type.test.ts

@@ -5,6 +5,7 @@ import {
   isDate,
   isError,
   isFunction,
+  isJsonString,
   isNaN,
   isNull,
   isNumber,
@@ -90,3 +91,10 @@ test('isRegExp', () => {
   expect(isRegExp(/s/)).toBe(true);
   expect(isRegExp('/s/')).toBe(false);
 });
+
+test('isJsonString', () => {
+  const jsonString = '{"name": "John", "age": 30}';
+  const invalidJsonString = '{"name": "John", "age": 30';
+  expect(isJsonString(jsonString)).toBe(true);
+  expect(isJsonString(invalidJsonString)).toBe(false);
+});