如何将Select列表转换为关联数组？是否有简便实现工具？

嘿，这个需求其实挺常见的，不用找额外的外部工具，用原生JavaScript就能轻松搞定，而且写法很简洁！下面给你两种常用的实现方式：

方法1：直接遍历Option元素 #

这是最直观的写法，逐个遍历select里的每个option，把文本作为键、值作为对应的值存入对象：

// 获取目标select元素
const selectEl = document.getElementById('sid');
// 初始化空的关联数组（JS里就是普通对象）
const data = {};

// 遍历所有option选项
for (const option of selectEl.options) {
  data[option.text] = option.value;
}

方法2：用Array.reduce简化代码 #

如果你喜欢更函数式的写法，可以用Array.from把options集合转成数组，再通过reduce方法一次性生成目标对象：

const selectEl = document.getElementById('sid');
const data = Array.from(selectEl.options).reduce((result, option) => {
  result[option.text] = option.value;
  return result;
}, {});

⚠️ 注意：如果你的select里有重复的选项文本，后面的选项会覆盖前面的对应值，因为JavaScript对象的键是唯一的，这点要留意哦！

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