高效处理Axios响应：基于条件的数据过滤与ID提取实践

const update_vars = [
  { label: 'val 1' },
  { label: 'val 2' },
  { label: 'val 3' },
  { label: 'val 4' }
];

const responseData = [
  { id: '112', other_id: '352009093', label: 'val 1' },
  { id: '113', other_id: '3520012', label: 'val 2' },
  { id: '152', other_id: '234578', label: 'val 13' }
];

const func = async (vars, update_vars) => {
  // 模拟axiosFunction的响应
  const response = {
    data: [
      { id: '112', other_id: '352009093', label: 'val 1' },
      { id: '113', other_id: '3520012', label: 'val 2' },
      { id: '152', other_id: '234578', label: 'val 13' }
    ]
  };

  if (update_vars !== undefined) {
    const yo = update_vars.map((att) => {
      // 假设response.data是单个对象，为了演示问题，这里需要调整
      // 原始问题中response.data的格式描述有些模糊，这里按数组处理
      // 并且原始代码中 `att.label === response.data.label` 存在问题，
      // 因为 response.data 可能是数组，或者如果不是数组，就无法进行多次比较
      // 我们模拟一个场景：需要从 responseData 中找到与 att.label 匹配的项
      const matchedItem = response.data.find(item => item.label === att.label);
      if (matchedItem) {
        return matchedItem.id;
      }
      // 如果没有匹配项，map会隐式返回 undefined
    });
    console.log(yo); // 示例输出: ['112', '113', undefined, undefined]
  }
};

// 假设调用 func(null, update_vars)
// func(null, update_vars);

// 模拟输入数据
const update_vars = [
  { label: 'val 1' },
  { label: 'val 2' },
  { label: 'val 3' },
  { label: 'val 4' }
];

const response = {
  data: [
    { id: '112', other_id: '352009093', label: 'val 1' },
    { id: '113', other_id: '3520012', label: 'val 2' },
    { id: '152', other_id: '234578', label: 'val 13' } // 这个label不在update_vars中
  ]
};

/**
 * 从Axios响应中根据外部条件过滤并提取ID的函数
 * @param {Array<Object>} updateVars - 包含条件标签的对象数组
 * @param {Object} axiosResponse - Axios响应对象，其data属性为待处理的数据数组
 * @returns {Array<string>} 匹配的ID数组
 */
const extractMatchingIds = (updateVars, axiosResponse) => {
  if (!updateVars || !Array.isArray(updateVars) || !axiosResponse || !Array.isArray(axiosResponse.data)) {
    console.warn("输入数据格式不正确，无法进行ID提取。");
    return [];
  }

  // 1. 创建标签集合，用于高效查找
  const labelsToMatch = new Set(updateVars.map(item => item.label));

  // 2. 过滤响应数据，只保留标签匹配的项
  const filteredData = axiosResponse.data.filter(({ label }) => labelsToMatch.has(label));

  // 3. 从过滤后的数据中提取ID
  const resultIds = filteredData.map(item => item.id);

  return resultIds;
};

// 调用示例
const desiredIds = extractMatchingIds(update_vars, response);
console.log(desiredIds); // 输出: ['112', '113']