js常用的工具函数

原创于 2023-04-13 15:39:10 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #js

博客主要介绍了接口参数处理和对象格式转换两方面内容。在接口参数处理上，为避免传递空值导致接口报错，只在对象有值时添加属性和属性值；在对象格式转换方面，针对elementUI组件需特定格式，而后端给普通对象格式的情况进行处理。

接口参数非空添加

给接口传递参数时，尝尝会传递一些空的值，接口没有做兼容的时候就会报错。这里的对象只在有值的时候才会添加这个属性和属性值。

const addNoEmptyKeyInObj = <T>(
  obj: T,
  objKey: string,
  value: any,
  addValue = value
) => {
  if (value) {
    obj[objKey as keyof T] = addValue
  }
}

把对象的格式转为value key格式

elementUI很多组件都需要绑定[{ name: ‘’, value: ‘’ }]格式,后端有时候就给普通的对象格式

const setArrByObject = <K, T = { name: string; value: string | number }>(
  obj: K
) => {
  const arr: T[] = []
  for (let key in obj) {
    arr.push({ name: obj[key as keyof K], value: key } as T)
  }
  return arr
}