前端面試 - 演算法篇(約塞夫環)

来源:https://www.cnblogs.com/wisewrong/archive/2018/09/05/9511197.html
-Advertisement-
Play Games

在上一篇《前端面試 - 演算法篇(二分法)》的評論中,有朋友提出了一個“迴圈殺人游戲” 就在我為之苦惱的時候,一位同事在我身旁經過,突然說了一句:“咦,這不是約塞夫問題嗎?” 一、面試題 原題目不太明朗(一號到底殺不殺?) 於是把題目優化一下,更接近於原本的約塞夫問題 假設有100人,分別編號 1~1 ...


在上一篇《前端面試 - 演算法篇(二分法)》的評論中,有朋友提出了一個“迴圈殺人游戲”

就在我為之苦惱的時候,一位同事在我身旁經過,突然說了一句:“咦,這不是約塞夫問題嗎?”

 

一、面試題

原題目不太明朗(一號到底殺不殺?)

於是把題目優化一下,更接近於原本的約塞夫問題

假設有100人,分別編號 1~100

從 1 號開始報數,報數到 3 號時,3 號就被淘汰,然後由下一人從 1 報數,以此類推

最後誰會活下來?

 

二、面向過程

最開始我按照自己的思路,模擬了整個過程

雖然能解決問題,但一旦遇到較大的數據量,查詢的次數太多,性能太低

不過這種方法最容易理解

/**
 * 面向過程的約塞夫環解決辦法
 * @param {Array} peoples 參與游戲的數組
 * @param {Number} kill 淘汰的報數數字
 * @return {Object} 幸存者
 */

function killer(peoples, kill) {
  
  let flag = 0 // 初始化報數

  while(peoples.length > 1) { // 只剩下一個人時,迴圈結束

    let len = peoples.length // 剩餘人數
    let out = 0 // 已淘汰的人數

    for (let i = 0; i < len; i++) {
      flag++ // 報數+1

      if (kill == flag) { // 當報數到指定數字,淘汰該玩家
        // 淘汰後剩餘人數(數組)會發生變化,所以被淘汰玩家下標應為 i-out
        peoples.splice(i-out, 1)

        flag = 0 // 重置報數
        out++ // 淘汰人數+1
      }
    }
  }
  return peoples[0]
}

 

二、面向對象

在數據結構中,具有鏈式存儲結構的線性表被稱為鏈表

其特點是每個數據元素在存儲本身的信息之外,還要存儲其直接後繼的信息

數據元素之間不要求在存儲空間中連續

而當這些數據元素構成一個邏輯上的環,任意元素都有一個前驅和後繼,這就構成了一個迴圈鏈表

 

在這個游戲中,可以將玩家抽象成一個對象,然後由玩家組成了一個環

根據迴圈鏈表的特性,每個玩家除了存儲本身的信息(編號),還需要存儲前後的編號

class Player { // 創建玩家
  constructor(n) {
    this.index = n; // 玩家編號
    this.before = {}; // 前一個玩家
    this.after = {}; // 後一個玩家
  }
}

 

然後分析整個環,除了構造函數之外,還應當具備淘汰玩家、開始游戲的功能

為了保證環的完整,需要一個起點和一個終點,這兩個點在邏輯上是相鄰的

在整個游戲過程中,我們只需要關心環的完整(起點、終點、玩家的前驅與後繼)就可以了

/**
 * 面向對象的約塞夫環解決辦法
 * @param {Number} length 玩家總數
 * @param {Number} kill 淘汰的報數數字
 * @return
 */
class Cycle { // 創建迴圈鏈表
  constructor (length) {
    this.count = 0; // 玩家總數
    this.start = new Player(1) // 鏈表起點
    this.end = new Player(length) // 鏈表終點

    for(let i = 1; i <= length; i++) {
      // 創建玩家
      let player = new Player(i)
      this.count++

      if (this.count <= 1) {
        // 只有一個玩家的時候,起點和終點為同一個玩家
        this.start = this.end = player
      } else {
        // 新創建的玩家一定位於鏈表終點之後
        this.end.after = player
        player.before = this.end
        // 而該玩家即為新的鏈表終點
        this.start.before = player
        player.after = this.start
        this.end = player
      }
    }
  }

  delete (player) {
    if (this.count <= 1) { // 錯誤校驗
      this.start = this.end = null
      return
    } else {
      // 將前後的玩家關聯起來
      player.before.after = player.after
      player.after.before = player.before
      // 如果處於終點或起點,則修改相關信息
      if (player == this.start) {
        this.start = player.after
      } else if(player == this.end) {
        this.end = player.before
      }
    }
    // 淘汰該玩家
    player = null
    this.count--
  }

  play (kill) {
    let flag = 0 // 初始化報數
    let k = this.start // 從起點開始游戲
    while (this.count > 1) { // 只剩一個玩家,迴圈結束
      flag++
      if (flag == kill) { // 報數到目標數字,淘汰玩家
        flag = 0
        this.delete(k)
      }
      // 無論淘汰與否,讓下一個玩家報數
      k = k.after
    }
    return `幸存者:${k.index}`
  }
}

new Cycle(100).play(3)

  

三、遞歸演算法 

在吃透了整個游戲規則之後。。。

function Joseph(sum, value, n) {
    if ( n==1 ) {
        return ( sum + value - 1) % sum;
    } else {
        return ( Joseph( sum - 1, value, n - 1) + value ) % sum;
    }
}

console.log("剩下的人號數為:" + (Joseph(100, 3, 100) + 1))

emmmmmmmmmm

難怪《美麗心裡》里開頭就說,是數學家改變了世界

  

四、問題拓展

1. 如何用 js 快速創建一個 1~100 的數組?

2. 如果報數到 2 就淘汰,最後剩下誰?


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • auto-workflow 用於快速構建各種關係圖的庫,比如流程圖,可視化執行流等 github地址:https://github.com/auto-workflow/AWorkflow 快速開始 npm install aworkflow 或者引用dist文件夾下的產出文件 訪問demo npm ...
  • 來自 https://www.cnblogs.com/lhl66/p/9555903.html 侵刪 來自 https://www.cnblogs.com/lhl66/p/8862106.html 侵刪 1. let, const 都是塊級作用域, 其有效範圍僅在代碼塊中。 //es5 if (a ... ...
  • 首先現在Vue中引入clipboard 在需要使用的組件中import 引入clipboard clipboard的實際使用 不論是單按鈕複製還是多按鈕複製,一定要在頁面載入DOM完成後先New出來具有複製功能的按鈕,如果在函數內再New那麼可能會出現點擊複製按鈕兩次,才複製成功的現象,如下: 綁定 ...
  • 在app.modlues.ts文件中修改 ...
  • //來自 https://www.cnblogs.com/lhl66/p/8021730.html 侵刪el:element 需要獲取的元素,一定是HTML中的根容器元素 data:用於數據的存儲 methods:用於存儲各種方法 數據綁定字面量只載入一次{{* msg}} data裡面可以進行簡單 ...
  • 何為滾動視差 視差滾動(Parallax Scrolling)是指讓多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。 作為網頁設計的熱點趨勢,越來越多的網站應用了這項技術。 通常而言,滾動視差在前端需要輔助 Javascript 才能實現。當然,其實 CSS 在實現滾動視差效果 ...
  • 參考鏈接:https://segmentfault.com/q/1010000010714863 ...
  • 原因: 元素設置了float屬性後,就會脫離文檔流,當 包含框 的高度小於 浮動框 的時候,會出現高度塌陷。因此才需要清除浮動! 表現如圖:包括框container已經包不住float的圖片了! 清除浮動方法: 1:給 包含框 添加 after偽元素清除浮動。代碼: 2:使用BFC, 原理:讓浮動塊 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...