DOM элементтерінің деректерін JavaScript-те алу

Деструктуризация бізге DOM-ның мәтіні мен атрибуттарының мәндерін тікелей цикл ішінде алуға мүмкіндік береді. Бұның қалай жұмыс істейтінін қарастырайық. Бізде келесі абзацтар бар делік:

html<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>

Осы абзацтардың жиынтығын айнымалыға алайық:

javascriptlet elems = document.querySelectorAll('p');

Элементтерді циклмен айналып шығып, нөмірлер мен элементтердің өздерін бөліп алайық:

javascriptfor (let [key, elem] of elems.entries()) {
  console.log(key, elem);
}

Енді элементтерге деструктуризация жасап, олардан өздерінің id және мәтіндерін алайық:

javascriptfor (let [key, {id, textContent}] of elems.entries()){
  console.log(key, id, textContent);
}

html<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">