测试你的技能:循环

此技能测试的目的是评估您是否理解了我们的 循环代码 文章。

注意:您可以通过下载代码并将其放入在线编辑器(例如 CodePenJSFiddleGlitch)来尝试解决方案。

如果您遇到问题,可以通过我们的 沟通渠道 联系我们。

DOM 操作:被认为是有用的

以下一些问题需要您编写一些 DOM 操作代码来完成——例如创建新的 HTML 元素,将其文本内容设置为等于特定字符串值,以及将它们嵌套在页面上现有元素中——所有这些都通过 JavaScript 完成。

我们在此课程中尚未明确教授这一点,但您会看到一些使用它的示例,我们希望您能研究一下需要哪些 DOM API 才能成功回答这些问题。一个好的起点是我们的 操作文档 教程。

循环 1

在我们的第一个循环任务中,我们希望您首先创建一个简单的循环,遍历提供的 myArray 中的所有项目,并将它们打印到屏幕上的列表项(即 <li> 元素)中,这些列表项被追加到提供的 list 中。

下载此任务的起点,以便在您自己的编辑器或在线编辑器中进行操作。

循环 2

在下一个任务中,我们希望您编写一个简单的程序,该程序在给定名称的情况下,搜索包含姓名和电话号码(phonebook)的对象数组,如果找到该名称,则将姓名和电话号码输出到段落(para)中,然后在循环完成其过程之前退出循环。

如果您还没有阅读关于对象的内容,请不要担心!目前,您只需要了解如何访问成员-值对。您可以在 JavaScript 对象基础知识 教程中阅读有关对象的信息。

您最初会得到三个变量

  • name — 包含要搜索的名称
  • para — 包含对段落的引用,将用于报告结果
  • phonebook - 包含要搜索的电话簿条目。

您应该使用在先前任务中未使用过的循环类型。

下载此任务的起点,以便在您自己的编辑器或在线编辑器中进行操作。

循环 3

在最后一个任务中,您将获得以下内容

  • i — 初始值为 500;旨在用作迭代器。
  • para — 包含对段落的引用,将用于报告结果。
  • isPrime() — 一个函数,当传递一个数字时,如果该数字是素数,则返回 true,否则返回 false

您需要使用循环从后向前遍历数字 2 到 500(1 不算作素数),并在其上运行提供的 isPrime() 函数。对于每个不是素数的数字,继续执行下一个循环迭代。对于每个是素数的数字,将其添加到段落的 textContent 中,以及某种分隔符。

您应该使用在之前两个任务中未使用过的循环类型。

下载此任务的起点,以便在您自己的编辑器或在线编辑器中进行操作。