有没有办法在for循环中创建具有相同功能但具有不同属性的按钮？

// HTML元素，用于容纳按钮
<div id="buttonContainer"></div>

// JavaScript代码
var buttonContainer = document.getElementById("buttonContainer");

// 定义按钮属性
var buttonAttributes = [
  { text: "按钮1", color: "red", action: function() { alert("点击了按钮1"); } },
  { text: "按钮2", color: "blue", action: function() { alert("点击了按钮2"); } },
  { text: "按钮3", color: "green", action: function() { alert("点击了按钮3"); } }
];

// 循环创建按钮
for (var i = 0; i < buttonAttributes.length; i++) {
  var button = document.createElement("button");
  button.innerText = buttonAttributes[i].text;
  button.style.backgroundColor = buttonAttributes[i].color;
  button.addEventListener("click", buttonAttributes[i].action);
  buttonContainer.appendChild(button);
}