javascript - 如何正确使用对象的解构

Question

我有 js 代码，想正确使用解构，我该怎么做？

const elements = document.forms.myForm.elements;

const artist = elements.artist;
const song = elements.song;

console.log(artist);
console.log(song);

标签： javascript

Answer 1

解构表单元素并不值得

但这是一个工作示例

const form = document.getElementById('myForm');

// destructuring mapped values

const [artist,song] = [...form.querySelectorAll("input")].map(inp => inp.value);
console.log(artist,song);

// destructuring elements


const [artistElem,songElem] = form.elements;
console.log(artistElem.value,songElem.value);

<form id="myForm">
  <input id="artist" value="Seal" />
  <input id="song" value="Crazy" />
</form>