如何將 for of 回圈轉換為 for 回圈？這樣我就可以避免/解決 eslint 錯誤訊息。我嘗試過谷歌搜索，但我得到的解決方案是禁用/配置 eslint。幫助我了解我所缺少的。這是錯誤訊息。 “錯誤迭代器/生成器需要 regenerator-runtime，這對于本指南來說太重了，無法允許它們。另外，應避免回圈以支持陣列迭代”
這是我使用 for of 的作業代碼。
let str = '';
const arr = [];
for (const person of featuredObject) {
str = `
<div ><img src=${person.image} alt="如何將 for of 回圈轉換為 for 回圈以解決 ESLint 錯誤"></div>
<div >
<h3 >${person.Name}</h3>
<p >${person.title}</p>
<p >${person.description}</p>
</div>
</div>`;
arr.push(str);
}
這是我失敗的for回圈實作。
let str = '';
const person = '';
const arr = [];
for (let i = 0; i < featuredObject.length; i = 1) {
str= `
<div ><img src=${person.image} alt="如何將 for of 回圈轉換為 for 回圈以解決 ESLint 錯誤"></div>
<div >
<h3 >${person.Name}</h3>
<p >${person.title}</p>
<p >${person.description}</p>
</div>
</div>`;
arr.push(str);
}
uj5u.com熱心網友回復：
let str = "";
const arr = [];
for (let i = 0; i < featuredObject.length; i = 1) {
const person = featuredObject[i];
str = `
<div ><img src=${person.image} alt="如何將 for of 回圈轉換為 for 回圈以解決 ESLint 錯誤"></div>
<div >
<h3 >${person.Name}</h3>
<p >${person.title}</p>
<p >${person.description}</p>
</div>
</div>`;
arr.push(str);
}
更好的方法
const arr = featuredObject.map((person) => {
const str = `
<div ><img src=${person.image} alt="如何將 for of 回圈轉換為 for 回圈以解決 ESLint 錯誤"></div>
<div >
<h3 >${person.Name}</h3>
<p >${person.title}</p>
<p >${person.description}</p>
</div>
</div>`;
return str;
});
uj5u.com熱心網友回復：
在 for of 回圈中人是特征物件的元素，因此它作為所有屬性，但在 for 回圈中人是字串而不是元素特征物件。我正在使用 div 元素，因為如果您將一個元素附加到另一個元素中，它會保留所有事件偵聽器，但是當您將某些內容附加到 innerHTML 時，它會洗掉所有事件偵聽器。
const arr = [];
for (let i = 0; i < featuredObject.length; i ) {
const person = featuredObject[i];
const div = document.createElement("div");
div.setAttribute("class", "portfolio");
div.innerHTML = `
<img src=${person.image} alt="如何將 for of 回圈轉換為 for 回圈以解決 ESLint 錯誤"></div>
<div >
<h3 >${person.Name}</h3>
<p >${person.title}</p>
<p >${person.description}</p>
</div>`;
arr.push(div);
}
uj5u.com熱心網友回復：
使用map生成新陣列。
const arr = featuredObject.map((person) => `
<div ><img src=${person.image} alt="如何將 for of 回圈轉換為 for 回圈以解決 ESLint 錯誤"></div>
<div >
<h3 >${person.Name}</h3>
<p >${person.title}</p>
<p >${person.description}</p>
</div>
</div>`);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/494824.html
標籤：javascript 数组