映射内的映射-普通Javascript
在这里编码noob:) 我正在做一个项目,我准备了一个数组,我正在映射和打印它。在数组中,我有另一个数组,叫做“lang”,我从地图上够不到它。我想将该数组中的每个项目打印到一个映射内的映射-普通Javascript,javascript,dictionary,Javascript,Dictionary,在这里编码noob:) 我正在做一个项目,我准备了一个数组,我正在映射和打印它。在数组中,我有另一个数组,叫做“lang”,我从地图上够不到它。我想将该数组中的每个项目打印到一个,因为现在代码已被删除,所有项目都打印为一个,这是我不想要的。我尝试过用各种方式在地图内部绘制地图,但都没有成功 在地图内部绘制地图的正确方法是什么?那样的话,怎么做 还有别的办法吗 请看下面我创建的部分数组和映射函数。我正在添加innerHTML的projectContainer是index.html文件中的一个div
,因为现在代码已被删除,所有项目都打印为一个,这是我不想要的。我尝试过用各种方式在地图内部绘制地图,但都没有成功
在地图内部绘制地图的正确方法是什么?那样的话,怎么做
还有别的办法吗
请看下面我创建的部分数组和映射函数。我正在添加innerHTML的projectContainer是index.html文件中的一个div
},
{
img: "./pictures/guess-who.png",
projectTitle: 'GUESS WHO?',
projectDescription: 'Recreation of the game "Guess who?" built with HTML, CSS and JavaScript.',
lang: [
'HTML', 'CSS', 'JavaScript'
],
url: '',
className: '',
id: 6
}
]
}
const printProjects = () => {
projectArray.projects.map((project) => {
projectContainer.innerHTML += `
<div class="project-container ${project.id}">
<img src=${project.img} alt="picture of guess who game"></img>
<h4>${project.projectTitle}</h4>
<p>${project.projectDescription}</p>
<ul>
<li>${project.lang} </li>
</ul
</div>
`
})
}
printProjects()
},
{
img:“./pictures/guess who.png”,
项目名称:“猜猜是谁?”,
projectDescription:“用HTML、CSS和JavaScript构建的“猜猜谁?”游戏的再创造。”,
朗:[
“HTML”、“CSS”、“JavaScript”
],
url:“”,
类名:“”,
身份证号码:6
}
]
}
常量printProjects=()=>{
projectArray.projects.map((项目)=>{
projectContainer.innerHTML+=`
${project.projectTitle}
${project.projectDescription}
- ${project.lang}
您可以执行类似的操作并使用map(…).join(“”)
${project.lang.map(el=>`
- ${el}
`).join(“”)}
<ul>
${project.lang.map(el => `
<li>${el}</li>
`).join('')}
</ul>