<分区>
我有一个名为 myInfo 的对象
var myInfo = {
skills: ['PHP', 'Java', 'JavaScript', 'HTML', 'CSS', 'jQuery'],
languages: ['English', 'German']
}
我想遍历 myInfo 对象内的 skills 数组内的字符串。我已经试过了，但似乎没有用
var mySkills = '';
for (i=0, i < myInfo.skills.length, i++) {
mySkills += 'li' + myInfo.skills + 'li';
}
document.write(mySkills);
任何帮助将不胜感激。也许我在代码的某处出错了。
最佳答案
我会写一个创建 li 的例程:
function li(content) {
const elt = document.createElement('li');
elt.innerHTML = content;
return elt;
}
现在，创建一个文档片段，以基于数组将所有这些li 放入:
function makeLis(contents) {
const frag = document.createDocumentFragment();
contents.forEach(content => frag.appendChild(li(content));
return frag;
}
编写一个函数来创建一个 ul 元素以将 li 放入:
function makeUl(contents) {
const ul = document.createElement('ul');
ul.appendChild(makeLis(contents));
return ul;
}
现在您可以将其写入您的文档:
document.getElementById('target').appendChild(makeUl(contents));
关于javascript - 对象内部的循环数组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42942437/