原生js數值開根演算法

来源:https://www.cnblogs.com/tenfly/archive/2019/09/10/11498221.html
-Advertisement-
Play Games

不藉助Math函數求開根值 1、二分迭代法求n開根後的值 思路: left=0 right=n mid=(left+right)/2 比較mid^2與n大小 =輸出; >改變範圍,right=mid,mid重新計算; <改變範圍,left=mid,mid重新計算; 如此迴圈,不過只能是逼近,並不能完 ...


不藉助Math函數求開根值

1、二分迭代法求n開根後的值

思路: left=0 right=n mid=(left+right)/2

  比較mid^2與n大小

  =輸出;

  >改變範圍,right=mid,mid重新計算;

  <改變範圍,left=mid,mid重新計算;

  如此迴圈,不過只能是逼近,並不能完全正確,常識

2、牛頓迭代法求n開根後的值

  1)理論上來講,開根後的值為x,那麼x^2=n,即可以將其轉換為數學問題

  2)令y=x^2-n,那麼只需要求方程與x軸正方向的焦點就可以得出想要的結果

  3)我們作x=a與方程交於(a^2-n),求得他的切線與x軸的交點(a,a^2-n),a一般從n開始

  4)然後求得該點切線與x軸交點,此處需要瞭解切線公式:記曲線為y=f(x),則在點(a,f(a))處的切線方程為:y=f'(a)(x-a)+f(a),

  5)重覆步驟3,令x=步驟4的x值,如此迴圈即可逼近

  有點繞,簡單來講就是設開根後的值為x,然後轉換成方程,通過求切線與x軸交點值不斷逼近方程的解,一般從x=n與方程交點的切線開始求,原因嘛:求根肯定是小於等於它自身的值,那麼從n開始就沒有疑問了,而且方程是曲線,方程一側所有點切線與x軸交點的值一定是全部大於或者小於解的,迭代下去只會逼近解

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script>
  // 普通迭代法,initNum要開根的值 , 保留saveNum位小數,
  function sqr(initNum,saveNum){
    var leftNum=0;
    var rightNum=initNum;
    var middleNum=(leftNum+rightNum)/2;
    for(var i=0;i<20;i++){
      var result=middleNum*middleNum;
      if(initNum===result){
        middleNum=middleNum.toFixed(saveNum);
        document.getElementById("result").value=middleNum;
      }
      else if (initNum>result){
        leftNum=middleNum;
        middleNum=(leftNum+rightNum)/2;
      }
      else{
        rightNum=middleNum;
        middleNum=(leftNum+rightNum)/2;
      }
    }
    middleNum=middleNum.toFixed(saveNum);
    document.getElementById("result").value=middleNum;
  }

  /*記曲線為y=f(x),則在點(a,f(a))處的切線方程為:y=f'(a)(x-a)+f(a)*/
  //牛頓迭代法
  function sqrt(initNum,saveNum) {
    //當n>=1時,從n開始迭代;當n<1時,從1開始迭代
    let result = initNum >= 1 ? initNum : 1;
    // 當迭代值^2與原值之差滿足一個很小的差值時,即可認為逼近開根值
    while(result * result - initNum > 1e-8)
    result = 0.5 * (result + initNum / result);
    result=result.toFixed(saveNum);
    document.getElementById("result").value=result;
  }
</script>
</head>
<body>
<div class="mui-input-row">
  <label>請輸入</label>
  <input type="text" placeholder="開根值" id="inuptNum">
</div>

<div class="mui-input-row">
  <label>保留</label>
  <input type="text" placeholder="幾位小數" id="saveNum">
</div>

<div class="mui-input-row">
  <label>結果</label>
  <input type="text" id="result">
</div>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" onclick="sqrt(parseInt(document.getElementById('inuptNum').value),parseInt(document.getElementById('saveNum').value))">計算</button>

</body>
</html>

  


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

-Advertisement-
Play Games
更多相關文章
  • 示例代碼托管在: "http://www.github.com/dashnowords/blogs" 博客園地址: "《大史住在大前端》原創博文目錄" 華為雲社區地址: "【你要的前端打怪升級指南】" [TOC] 一. 簡述 模塊Vue框架中用於模板編譯的,它的作用就是將Vue中的組件模板轉換成 函 ...
  • 1. "el input" 2. "強制監聽" ...
  • 一、js對象是由鍵和值組成,操作是以地址進行。 當兩個對象指向同一個地址時,修改其中任意一個的值,另外一個值也會被改變。如下例: let obj = {'key' : '0' , 'value' : '1'}; //聲明1個對象 let newObj = obj; //新對象指向obj,此時兩個對象 ...
  • 前端經過漫長的發展,涌現出了很多實踐方法來處理複雜的工作流程,讓開發變得更加簡便,其中,模塊化可以使複雜的程式細化成為各個小的文件,而webpack並不強制你使用某種模塊化方案,而是通過相容所有模塊化方案讓你無痛接入項目,本文詳細介紹webpack安裝配置及打包的詳細過程。 ...
  • https://blog.csdn.net/zhouzuoluo/article/details/81010331 ...
  • 表單簡介 Form表單主要用於用戶與Web應用程式進行數據的交互,它允許用戶將數據發給web應用程式,網頁也可以攔截數據的發送以便自己使用。form通常由一到多個表單元素組成,這些表單元素是單行/多行文本框,下拉菜單,按鈕,覆選框,單選按鈕,時間表單元素時 一般要配合label標簽,用於描述其目的。 ...
  • 通過瀏覽器向web服務傳遞base64碼的圖片時遇到參數過長的問題? 解決辦法:查看aiohttp的源碼:aiohttp/http_parser.py下找到: class HeadersParser: def __init__(self, max_line_size: int=8190, max_h ...
  • 彈性佈局的名稱概念: 1、容器:需要添加彈性佈局的父元素;項目:彈性佈局容器中的每一個子元素,稱為項目。 2、主軸:在彈性佈局中,我們會通過屬性規定水平/垂直方向(flex-direction)為主軸;與主軸垂直的另一方向,稱為交叉軸。 彈性佈局的重要的幾大基礎屬性: 1、flex-directio ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...