是否有一個簡單或更短的方法來完成以下代碼?
const name = document. querySelector('#name').value。
const city = document.querySelector('#city').value
const duration = document.querySelector('#duration').value
const employerName = document.querySelector('#employerName').value>
const phoneNumber = document.querySelector('#phoneNumber').value
const summary = document.querySelector('#summary').value。
const values = {
name: 名稱。
city: 城市。
duration: 持續時間。
employerName: 雇主名稱。
phoneNumber: 手機號碼。
summary: 摘要。
我正在尋找一種ES6的方法,或者一些更好的做法來構建一個包含許多選擇器的值的物件。
uj5u.com熱心網友回復:
一個陣列和一個回圈怎么樣?
const ids = [
'姓名', '城市', '持續時間'。'employerName', 'phoneNumber', 'summary',
];
const values = Object.fromEntries(ids. map(e => [
e, document.getElementById(e).value>)
]));
console.log(values);
< input id="name" value="a"/>/span>
< input id="city" value="b"/>
< input id="duration" value="c"/>
< input id="employerName" value="d"/>
< input id="phoneNumber" value="e"/>
< input id="summary" value="f"/>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/320449.html
標籤:
上一篇:我如何在js中進行多次洗掉?
