測試你的技能:迴圈

此技能測試的目的是評估您是否理解了我們的 迴圈程式碼 文章。

注意:您可以透過下載程式碼並將其放入線上編輯器(例如 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 中,以及某種分隔符。

您應該使用在之前兩個任務中未使用過的迴圈型別。

下載此任務的起點,以便在您自己的編輯器或線上編輯器中進行操作。