【綜合練習】蒙蒂卡羅求 PI 與生命遊戲：實作 3 - 解答 | 程式專案

{"id":576511,"student_id":2589,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"question\\\"\u003e\\n        \u003cp\u003e請依照以下步驟進行綜合練習：\u003c/p\u003e\\n        \u003cp\u003e1. 搭配過去學過的演算法知識（氣泡排序），來閱讀練習頁面中的 JavaScript。\u003c/p\u003e\\n        \u003cp\u003e2. 修改練習頁面中的 JavaScript，讓執行後網頁上的顯示文字與下方相同。\u003c/p\u003e\\n    \u003c/div\u003e\\n    \u003cdiv id=\\\"screenshot\\\"\u003e\\n        \u003cp\u003e題目：\u003c/p\u003e\\n        \u003cdiv id=\\\"log\\\"\u003eloading...\u003c/div\u003e\\n    \u003c/div\u003e\\n    \u003cdiv id=\\\"screenshot\\\"\u003e\\n        \u003cp\u003e解答：\u003c/p\u003e\\n        \u003cdiv id=\\\"code\\\"\u003eloading...\u003c/div\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"* {\\n    margin: 0;\\n    padding: 0;\\n    box-sizing: border-box;\\n    font-size: 16px;\\n}\\n\\nhtml, body {\\n    width: 100%;\\n    height: 100%;\\n    background-color: #333;\\n    padding: 10px;\\n}\\n\\np {\\n    color: white;\\n    margin-bottom: 10px;\\n}\\n\\n#log {\\n    color: #03F501;\\n    padding: 10px;\\n    border: 1px solid white;\\n    border-radius: 5px;\\n}\\n\\n#code {\\n    color: #03F501;\\n    padding: 10px;\\n    border: 1px solid white;\\n    border-radius: 5px;\\n    overflow-x: scroll;\\n}\\n\\n#question {\\n    height: 130px;\\n    border: 1px solid white;\\n    padding: 20px;\\n    margin-bottom: 10px;\\n}\\n\\n#screenshot {\\n    border: 1px solid white;\\n    padding: 20px;\\n    margin-bottom: 10px;\\n}\",\"js\":\"function bubbleSort(array) {\\n  const n = array.length;\\n  let sortedArray = array.slice();\\n  let swapped;\\n  for (let i = 0; i \u003c n - 1; i++) {\\n    swapped = false;\\n    for (let j = 0; j \u003c n - i - 1; j++) {\\n      if (sortedArray[j] \u003e sortedArray[j + 1]) {\\n        [sortedArray[j], sortedArray[j + 1]] = [sortedArray[j + 1], sortedArray[j]];\\n        swapped = true;\\n      }\\n    }\\n    if (!swapped) break;\\n    console.log(`Current array after pass ${i + 1}: ${sortedArray}`);\\n  }\\n  return sortedArray;\\n}\\n\\nconst targetArray = [4, 2, 7, 1, 5];\\nconsole.log(\\\"Target array to be sorted: \\\" + targetArray);\\n\\nconst sortedArray = bubbleSort(targetArray);\\nconsole.log(\\\"Sorted array: \\\" + sortedArray);\\n\"}","created_at":"2023-07-28T11:51:48.869+08:00","updated_at":"2023-08-01T08:48:27.259+08:00","name":"【綜合練習】蒙蒂卡羅求 PI 與生命遊戲：實作 3 - 解答","language":"web","screenshot":{"url":null},"parent_id":576510,"plugin":"(function () {\n    if (!console) {\n        console = {};\n    }\n    var old = console.log;\n    var logger = document.getElementById('log');\n    logger.innerHTML = \"\"\n    console.log = function (message) {\n        if (typeof message == 'object') {\n            logger.innerHTML += (JSON \u0026\u0026 JSON.stringify ? JSON.stringify(message) : String(message)) + '\u003cbr /\u003e';\n        } else {\n            logger.innerHTML += message + '\u003cbr /\u003e';\n        }\n    }\n})();\n\ndocument.querySelector(\"#code\").innerHTML = `\u003cpre\u003e// 氣泡排序演算法\nfunction bubbleSort(array) {\n  const n = array.length; // 取得陣列的長度\n  let sortedArray = array.slice(); // 複製一份原始陣列，以免修改原始陣列\n  let swapped; // 用於標記是否有進行交換的標誌\n  for (let i = 0; i \u003c n - 1; i++) { // 外層迴圈控制排序的輪數\n    swapped = false; // 每一輪排序開始時，將交換標誌設為 false\n    for (let j = 0; j \u003c n - i - 1; j++) { // 內層迴圈進行相鄰元素的比較和交換\n      if (sortedArray[j] \u003e sortedArray[j + 1]) { // 如果前一個元素大於後一個元素，則進行交換\n        [sortedArray[j], sortedArray[j + 1]] = [sortedArray[j + 1], sortedArray[j]]; // 使用解構賦值進行交換\n        swapped = true; // 標記有進行交換\n      }\n    }\n    if (!swapped) break; // 如果在一輪排序中沒有進行任何交換，表示已經排序完成，提前結束迴圈\n    console.log(\\`Current array after pass \\${i + 1}: \\${sortedArray}\\`); // 輸出每一輪排序後的陣列狀態\n  }\n  return sortedArray; // 回傳排序完成的陣列\n}\n\nconst targetArray = [4, 2, 7, 1, 5];\nconsole.log(\"Target array to be sorted: \" + targetArray);\n\nconst sortedArray = bubbleSort(targetArray);\nconsole.log(\"Sorted array: \" + sortedArray);\n\u003c/pre\u003e`\n","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":76,"hashid":"2pdsrdvvg","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}