代码之家 › 专栏 › 技术社区 › Tintin81

如何使用ES6语法将select选项的值转换为简单数组?

javascript

Tintin81 · 技术社区 · 6 年前

我有很多选择,比如:

const options = document.querySelectorAll('select option');

我怎么能只转 价值观 将这些选择选项放入一个简单的数组中?

const array = Array.from(options);

NodeList (请纠正我,如果我在这里混淆的东西)和包含太多的信息。

我真正需要的是一个简单的选项值数组,比如 [3, 5, 2] .

<select>
   <option value="3">Alpha</option>
   <option value="5">Beta</option>
   <option value="2">Gamma</option>
</select>

我想使用最新的ES6语法。

3 回复 | 直到 6 年前

Nina Scholz 6 年前

const
    options = document.querySelectorAll('select option'),
    array = Array.from(options, ({ value }) => value);

console.log(array);

<select>
   <option value="3">Alpha</option>
   <option value="5">Beta</option>
   <option value="2">Gamma</option>
</select>

baao 6 年前

Array.from 不会从传递给它的每个对象中神奇地提取属性。为了得到数值, map 在你得到的HTMLElements数组上

const values = Array.from(options).map(e => e.value);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前