js 根据value字典值查找对应的label

原创已于 2024-04-22 15:28:40 修改 · 722 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

于 2024-04-22 15:27:29 首次发布

文章介绍了两个JavaScript函数：validateNull用于检查输入的有效性，findByValue用于根据给定值或数组在数据字典中查找对应的标签，findArray则用于查找数组中的值在字典中的索引。这两个函数在处理IT数据结构时非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 判断是否为空
const validateNull = val => {
  if (typeof val == 'boolean') {
    return false;
  }
  if (typeof val == 'number') {
    return false;
  }
  if (val instanceof Array) {
    if (val.length == 0) return true;
  } else if (val instanceof Object) {
    if (JSON.stringify(val) === '{}') return true;
  } else {
    if (val == 'null' || val == null || val == 'undefined' || val == undefined || val == '')
      return true;
    return false;
  }
  return false;
};

// 根据字典的value显示label
const findByValue = (dic, value) => {
  let result = '';
  if (validateNull(dic)) return value;
  if (typeof value == 'string' || typeof value == 'number' || typeof value == 'boolean') {
    let index = 0;
    index = findArray(dic, value);
    if (index != -1) {
      result = dic[index].label;
    } else {
      result = value;
    }
  } else if (value instanceof Array) {
    result = [];
    let index = 0;
    value.forEach(ele => {
      index = findArray(dic, ele);
      if (index != -1) {
        result.push(dic[index].label);
      } else {
        result.push(value);
      }
    });
    result = result.toString();
  }
  return result;
};

// 根据字典的value查找对应的index
const findArray = (dic, value) => {
  for (let i = 0; i < dic.length; i++) {
    if (dic[i].value == value) {
      return i;
    }
  }
  return -1;
};

使用方法：

let data = [
    {
      id: '1123598814738675228',
      parentId: '1123598814738675227',
      code: 'org_category',
      value: 1,
      label: '公司',
      sort: 1,
      remark: '',
      isSealed: -1,
      isDeleted: -1,
    },
    {
      id: '1123598814738675229',
      parentId: '1123598814738675227',
      code: 'org_category',
      value: 2,
      label: '区域分公司',
      sort: 2,
      remark: '',
      isSealed: -1,
      isDeleted: -1,
    },
    {
      id: '1123598814738675230',
      parentId: '1123598814738675227',
      code: 'org_category',
      value: 3,
      label: '分公司',
      sort: 3,
      remark: '',
      isSealed: -1,
      isDeleted: -1,
    },
    {
      id: '1780554765827915778',
      parentId: '1123598814738675227',
      code: 'org_category',
      value: 4,
      label: '部门',
      sort: 4,
      remark: '',
      isSealed: -1,
      isDeleted: -1,
    },
  ];

  // 方法一：
  let label = findByValue(data, 3);
  console.log(label);  // 分公司
  let labels = findByValue(data, [3, 4]);
  console.log(labels); // 分公司,部门

  // 方法二：
  let label1 = data.filter(option => [3, 4].includes(option.value)).map(option => option.label);
  console.log(label1.join(','));  // 分公司,部门