z_js_tools

介绍

基于JavaScript封装前端使用工具

安装

npm install z_js_tools
import * as zTools from 'z_js_tools'  or import { xx } from 'z_js_tools'

方法说明

1. generateUuid 生成随机 uid
2. isSimpleArrEqual 判断两个简单数组的值是否相同 （string[] | number[]）
3. searchParams2Object 将search参数转成对象
4. Request 基于 axios 封装的请求工具，统一处理请求结果
5. arrFilterByKey 数组对象根据对象的某个key值（需要未基础数据类型）去重
6. formatNum4Thousands 数字金额处理，千分位添加分隔符

使用说明

generateUuid

import * as zTools from 'z_js_tools';

zTools.generateUuid(); // 1a422337-fac3-204a-f5b9-3d8a1822f930

isSimpleArrEqual

import * as zTools from 'z_js_tools';

const arr1 = [1, 2, 3, 4, 5];
const arr2 = [5, 4, 3, 2, 1];

zTools.isSimpleArrEqual(arr1, arr2); // true

const arr3 = ['a', 'b', 'c', 'd'];
const arr4 = ['d', 'c', 'a', 'b'];

zTools.isSimpleArrEqual(arr3, arr4); // true

searchParams2Object

import * as zTools from 'z_js_tools';

const search = '?a=1&b=2';
const search1 = 'a=1&b=2';

zTools.searchParams2Object(search); // { a: 1, b: 2 }
zTools.searchParams2Object(search1); // { a: 1, b: 2 }

Request

import * as zTools from 'z_js_tools';

// 创建一个 request 实例， 自定义拦截器功能
const request = new zTools.Request({}, {
  interceptRequest: (config) => {
    config.headers.Authorization = token;
  },
  interceptResponse: (res) => {
    if (res.data.code !== 200) {
      message.error(res.data.msg);
    }
  }
});

// 使用规范化的请求
const res = await request.normalizeGet(url, ops)
if (res.success) {
  // do success
} else {
  // do error
  message.error(res.msg);
}


// 使用常规请求同axios
request.get(url, ops)
  .then(res => {
    
  })
  .catch(err => {

  })

arrFilterByKey

import * as zTools from 'z_js_tools';

const arr1 = [{ a: 1, b: 1 }, { a: 2, b: 2 }, { a: 1, b: 3 }]

zTools.arrFilterByKey(arr1, 'a'); // [{ a: 1, b: 1 }, { a: 2, b: 2 }]

formatNum4Thousands

import * as zTools from 'z_js_tools';

const num = 123456789;
const strNum = '123456789';

zTools.formatNum4Thousands(num); // 123,456,789
zTools.formatNum4Thousands(strNum); // 123,456,789