按值排序Html选择选项的最有效方法是什么,同时保留当前选定的项目？

// 获取选项列表
const select = document.getElementById("select-id");
const options = Array.from(select.options);

// 按值排序选项列表
options.sort((a, b) => a.value.localeCompare(b.value));

// 清空原有选项列表
select.innerHTML = "";

// 将排序后的选项添加到列表中
options.forEach(option => {
  select.add(option);
});

// 获取选项列表和当前选定的项目
const select = document.getElementById("select-id");
const options = Array.from(select.options);
const selectedIndex = select.selectedIndex;

// 按值排序选项列表
options.sort((a, b) => a.value.localeCompare(b.value));

// 清空原有选项列表
select.innerHTML = "";

// 将排序后的选项添加到列表中
options.forEach(option => {
  select.add(option);
});

// 重新选中当前选定的项目
select.selectedIndex = selectedIndex;