如何表示包含来自两个不同数组的数据的复选框？

<div id="checkboxList"></div>

// 两个不同的数组
var array1 = ["数据1", "数据2", "数据3"];
var array2 = ["数据4", "数据5", "数据6"];

// 获取复选框列表的容器
var checkboxList = document.getElementById("checkboxList");

// 动态创建复选框并添加到列表中
function createCheckbox(data) {
  var checkbox = document.createElement("input");
  checkbox.type = "checkbox";
  checkbox.value = data;
  checkboxList.appendChild(checkbox);

  var label = document.createElement("label");
  label.innerHTML = data;
  checkboxList.appendChild(label);
}

// 将两个数组中的数据添加到复选框列表中
function populateCheckboxList() {
  for (var i = 0; i < array1.length; i++) {
    createCheckbox(array1[i]);
  }

  for (var j = 0; j < array2.length; j++) {
    createCheckbox(array2[j]);
  }
}

// 监听复选框的选择状态改变事件
checkboxList.addEventListener("change", function(event) {
  var selectedData = [];

  // 遍历复选框列表，获取选择的数据
  var checkboxes = checkboxList.getElementsByTagName("input");
  for (var k = 0; k < checkboxes.length; k++) {
    if (checkboxes[k].checked) {
      selectedData.push(checkboxes[k].value);
    }
  }

  // 打印选择的数据
  console.log(selectedData);
});

// 初始化复选框列表
populateCheckboxList();