为什么这种解构分配用法不起作用？

Question

我正在尝试学习解构分配，但一直在徘徊为什么这种使用方式不起作用：

let options = [...document.querySelectorAll("#listado option:checked")].map((el, { value}) => value)
console.log(options)

<select id="listado" size="5" multiple>
  <option value="Leer" id="aficion-leer">Leer</option>
  <option value="Programar" id="aficion-programar" selected>Programar</option>
  <option value="Cine" id="aficion-cine">Cine</option>
  <option value="Deporte" id="aficion-deporte" selected>Deporte</option>
</select>

没有它也能正常工作：

.map(el => el.value)

Answer 1

解构被迭代的项目 - 这是第一个参数，而不是第二个。（第二个是被迭代的索引，它是一个数字。）

let options = [...document.querySelectorAll("#listado option:checked")].map(({ value }) => value)
console.log(options)

<select id="listado" size="5" multiple>
  <option value="Leer" id="aficion-leer">Leer</option>
  <option value="Programar" id="aficion-programar" selected>Programar</option>
  <option value="Cine" id="aficion-cine">Cine</option>
  <option value="Deporte" id="aficion-deporte" selected>Deporte</option>
</select>

为什么这种解构分配用法不起作用？

Why is this Destructuring assignment usage not working?

javascript

destructuring