映射内的映射-普通Javascript

映射内的映射-普通Javascript,javascript,dictionary,Javascript,Dictionary,在这里编码noob:) 我正在做一个项目,我准备了一个数组,我正在映射和打印它。在数组中,我有另一个数组,叫做“lang”,我从地图上够不到它。我想将该数组中的每个项目打印到一个,因为现在代码已被删除,所有项目都打印为一个,这是我不想要的。我尝试过用各种方式在地图内部绘制地图,但都没有成功 在地图内部绘制地图的正确方法是什么?那样的话,怎么做 还有别的办法吗 请看下面我创建的部分数组和映射函数。我正在添加innerHTML的projectContainer是index.html文件中的一个div

在这里编码noob:)

我正在做一个项目,我准备了一个数组,我正在映射和打印它。在数组中,我有另一个数组,叫做“lang”,我从地图上够不到它。我想将该数组中的每个项目打印到一个
  • ,因为现在代码已被删除,所有项目都打印为一个
  • ,这是我不想要的。我尝试过用各种方式在地图内部绘制地图,但都没有成功

    在地图内部绘制地图的正确方法是什么?那样的话,怎么做

    还有别的办法吗

    请看下面我创建的部分数组和映射函数。我正在添加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>