映射到数组上，我正在尝试根据响应更改Bootstrap按钮的"color“参数

// 假设响应数据存储在response数组中
const response = [/* 响应数据 */];

// 使用map方法遍历response数组，并根据响应更改按钮的"color"参数
const updatedColors = response.map((item) => {
  // 根据响应来决定按钮的颜色
  let color = "";
  if (item === "A") {
    color = "primary";
  } else if (item === "B") {
    color = "success";
  } else if (item === "C") {
    color = "warning";
  } else {
    color = "danger";
  }
  return color;
});

// 更新按钮的"color"参数
const buttons = document.querySelectorAll(".btn");
buttons.forEach((button, index) => {
  button.classList.remove("primary", "success", "warning", "danger");
  button.classList.add(updatedColors[index]);
});