如何为discord.js v14带选择菜单的斜杠命令附加杂项数据？

直接用索引作为选择菜单的value是可行的，但默认情况下你没法在后续交互处理器中直接拿到原始数据数组——因为斜杠命令的初始请求和选择菜单的交互请求是完全独立的，Discord不会自动保留这份数据。你需要自己实现数据缓存逻辑来关联索引和原始数据，以下是几种适配场景的方案：

方案一：内存临时缓存（适合短时间、小体量场景） #

用全局Map存储原始数据，键可以用初始交互的ID（确保唯一），后续处理选择菜单时通过这个键取出数组，再用索引定位对应数据。

步骤1：初始化缓存 #

在机器人启动代码中创建全局缓存：

const { Client, GatewayIntentBits } = require('discord.js');
const client = new Client({ intents: [GatewayIntentBits.Guilds] });

// 全局内存缓存，存储交互ID到原始数据的映射
const dataCache = new Map();

步骤2：斜杠命令中存储数据并构建选择菜单 #

const { SlashCommandBuilder, StringSelectMenuBuilder, ActionRowBuilder } = require('discord.js');

module.exports = {
  data: new SlashCommandBuilder()
    .setName('select-user')
    .setDescription('选择用户提交数据'),
  async execute(interaction) {
    // 1. 从外部API获取原始数据
    const apiData = await fetch('https://your-api-url.com/users')
      .then(res => res.json());

    // 2. 将数据存入缓存，用当前交互ID作为唯一键
    dataCache.set(interaction.id, apiData);

    // 3. 构建选择菜单，value设为数组索引的字符串形式
    const selectOptions = apiData.map((item, index) => ({
      label: item.name,
      value: index.toString(),
      description: `${item.age}岁，来自${item.country}`
    }));

    const selectMenu = new StringSelectMenuBuilder()
      .setCustomId('user_submit_select')
      .setPlaceholder('请选择要提交的用户')
      .addOptions(selectOptions);

    const row = new ActionRowBuilder().addComponents(selectMenu);

    // 4. 发送带选择菜单的回复
    await interaction.reply({ components: [row], ephemeral: true });

    // 可选：设置缓存自动过期（比如10分钟后删除），避免内存泄漏
    setTimeout(() => {
      dataCache.delete(interaction.id);
    }, 600000);
  }
};

步骤3：处理选择菜单交互 #

在interactionCreate事件中监听选择菜单操作：

client.on('interactionCreate', async (interaction) => {
  if (!interaction.isStringSelectMenu()) return;
  if (interaction.customId !== 'user_submit_select') return;

  // 1. 从缓存中取出原始数据数组
  const originData = dataCache.get(interaction.message.interaction.id);
  if (!originData) {
    return await interaction.reply({ 
      content: '数据已过期，请重新执行命令', 
      ephemeral: true 
    });
  }

  // 2. 将选择的索引转为数字，获取对应原始数据
  const selectedData = interaction.values
    .map(idx => parseInt(idx))
    .map(index => originData[index]);

  // 3. POST到目标API
  await fetch('https://your-target-api.com/submit', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(selectedData)
  });

  await interaction.reply({ 
    content: `成功提交 ${selectedData.length} 条数据`, 
    ephemeral: true 
  });
});

优缺点：实现简单、响应快；但机器人重启后缓存会清空，数据量大时可能占用过多内存，适合临时交互场景。

方案二：数据库持久化缓存（适合长期或大规模场景） #

如果需要数据在机器人重启后仍能访问，或者数据量较大，可以用数据库（如SQLite、MongoDB）存储原始数据，用交互ID或用户+命令的组合作为查询键。

示例（SQLite）： #

1. 初始化数据库连接（用better-sqlite3）：

const sqlite3 = require('better-sqlite3');
const db = sqlite3('./data-cache.db');
db.prepare('CREATE TABLE IF NOT EXISTS command_data (interaction_id TEXT PRIMARY KEY, data TEXT)').run();

2. 斜杠命令中存储数据：

// 替代内存Map的存储逻辑
db.prepare('INSERT INTO command_data (interaction_id, data) VALUES (?, ?)')
  .run(interaction.id, JSON.stringify(apiData));

3. 选择菜单交互中查询数据：

const result = db.prepare('SELECT data FROM command_data WHERE interaction_id = ?')
  .get(interaction.message.interaction.id);
if (!result) {
  return await interaction.reply({ content: '数据已过期', ephemeral: true });
}
const originData = JSON.parse(result.data);

优缺点：数据持久化、支持大规模场景；但需要额外配置数据库，实现复杂度稍高。

方案三：用唯一标识重新拉取数据（依赖API支持） #

如果你的源API支持通过唯一标识（如用户ID）查询单条数据，可以把选择菜单的value设为这个唯一标识，后续交互时重新调用API获取完整数据，无需缓存数组。

示例： #

1. 斜杠命令中构建选项：

// 假设API返回的数据包含唯一id字段
const selectOptions = apiData.map(item => ({
  label: item.name,
  value: item.id,
  description: `${item.age}岁，来自${item.country}`
}));

2. 选择菜单交互中重新拉取：

const selectedIds = interaction.values;
// 批量请求获取完整数据
const selectedData = await Promise.all(
  selectedIds.map(id => fetch(`https://your-api-url.com/users/${id}`).then(res => res.json()))
);
// 提交到目标API
await fetch('https://your-target-api.com/submit', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify(selectedData)
});

优缺点：无需维护缓存，避免内存/数据库开销；但会增加API请求次数，依赖源API支持单条查询。

内容的提问来源于stack exchange，提问作者user1087973