不借助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>

　　

原生js数值开根算法的更多相关文章

  1. JS 九宫格算法 用原生js实现

    九宫格算法核心: 利用控件索引index计算出控件所在的行数和列数: 利用控件计算出left距离: 利用控件计算出top距离: 写特效时需要用到定位 公式: 行 row=parseInt(i/cols ...

  2. 原生js动画效果（源码解析）

    在做页面中,多数情况下都会遇到页面上做动画效果,大部分都是用jquery来实现动画,今天正好看到一篇原生js实现动画效果的代码,特分享在此. 原文地址:http://www.it165.net/pro ...

  3. 抛开jQuery，拾起原生JS的DOM操作

    常用的JS-DOM操作与jQuery的对比 jQuery用多了,还是需要来熟练熟练原生JS的操作,不然写JS都快离不开jQuery了 目录 1. 获取DOM 2. 创建DOM 3. 添加DOM 4. ...

  4. 原生js焦点轮播图

    原生js焦点轮播图主要注意这几点: 1.前后按钮实现切换,同时注意辅助图2.中间的button随着前后按钮对应切换,同时按button也能跳转到相应的index3.间隔调用与无限轮播.4.注意在动画时 ...

  5. 原生JS 表单提交验证器

    转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部 ...

  6. 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

    一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaS ...

  7. 原生js获取鼠标坐标方法全面讲解-zmq

    原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y 一.关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种:eve ...

  8. 用jQuery基于原生js封装的轮播

    我发现轮播在很多网站里面都用到过,一个绚丽的轮播可以为网页增色不少,最近闲来无事,也用原生js封装了一个轮播,可能不像网上的插件那么炫,但是也有用心去做.主要用了闭包的思想.需要传递的参数有:图片地址 ...

  9. 原生JS实现分页效果1.0

    不太完整,写的太急,等等加上完整注释,写起来还是有些难度的,写的有点水,后面再改进改进. <!DOCTYPE html><html lang="en">&l ...

随机推荐

  1. Python3和HTMLTestRunner生成html测试报告

    1.测试环境: Python3.5+unittest+HTMLTestRunner 2.下载HTMLTestRunner.py文件 下载地址 http://tungwaiyip.info/softwa ...

  2. HDU1754 && HDU1166 线段树模板题

    HDU1754 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1754 题目分析:对于给出的一个很长的区间,对其进行单点更新值和区间求最大值的操作,由于 ...

  3. 性能测试基础---jmeter入门

    ·Jmeter入门 ·Jmeter的简介: ·Jmeter是一款基于纯JAVA语言开发的开源的性能测试工具. ·Jmeter的下载: ·最新版:http://jmeter.apache.org/dow ...

  4. django rest framework 序列化组件总结

    序列化组件总结 一. 序列化组件本质上为了实现前后端分离,而进行json序列化的一个组件形式,极大方便了解析数据的作用 二. 所有序列化是基于APIView 解析器实现的,通过内部的多继承关系方便实现 ...

  5. python 验证码识别示例（五） 简单验证码识别

    今天介绍一个简单验证的识别. 主要是标准的格式,没有扭曲和变现.就用 pytesseract 去识别一下. 验证码地址:http://wscx.gjxfj.gov.cn/zfp/webroot/xfs ...

  6. WPF系列 —— 控件添加依赖属性（转）

    WPF系列 —— 控件添加依赖属性 依赖属性的概念,用途 ,如何新建与使用.本文用做一个自定义TimePicker控件来演示WPF的依赖属性的简单应用. 先上TimePicker的一个效果图. 概念 ...

  7. org.yaml.snakeyaml.scanner.ScannerException: while scanning for the next tok

    org.yaml.snakeyaml.scanner.ScannerException: while scanning for the next tokenfound character ‘@’ th ...

  8. UiPath： Send SMTP Mail Message 发送带附件的邮件

    Tips:关于Hotmail的server和port的获取方式,请参考以下链接 https://support.office.com/en-us/article/Server-settings-you ...

  9. ActiveMQ消息可靠性-签收

    非事务模式下消费者签收 动签收就像快递到达时,快递寄送点给你签收了,不用你自己去签收,而手动签收就是必须我本人签收, 自动签收(默认为自动签收) 手动签收:能够避免消息的重复消费 当设置为手动签收时, ...

  10. ESA2GJK1DH1K升级篇: IAP详解

    前言: 源码下载链接: https://gitee.com/yang456/STM32_IAP_Learn.git 后期所有出售的升级程序皆在此代码之上进行优化和开发 请必须把此文章各个的地方的说明看 ...