JavaScript使用遞歸和循環(huán)實(shí)現(xiàn)階乘的實(shí)例代碼

更新時(shí)間：2018年08月28日 10:23:43 作者：。思索

這篇文章主要介紹了JavaScript使用遞歸和循環(huán)實(shí)現(xiàn)階乘的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧

【實(shí)現(xiàn)方法】

　　1.利用while循環(huán)來(lái)做，當(dāng)然for循環(huán)也可以。

　　2.遞歸

【代碼內(nèi)容】

　　　　偷懶，直接用onkeyup事件來(lái)限制來(lái)頁(yè)面的輸入

　　循環(huán)代碼：

//第一種方法 while循環(huán)
        oCount.onclick = function (){
          var oNum = document.getElementById('num').value;
          oNum = Number(oNum);
          if(oNum <= 1){
             oBox.innerHTML = 1;
          }
          var oRes = 1;
          while(oNum){
            oRes *= oNum;
            oNum--;
          }
          oBox.innerHTML = oRes;
        }

　　遞歸代碼

// 第二種方法  遞歸
      oCount.onclick = function(){
        var oNum = document.getElementById('num').value;
        oNum = Number(oNum);
        function factorial (num) {
          if (num <= 1) {
            return 1;
          } else {
            return (num * factorial(num-1));
          }
        };
        oRes=factorial(oNum);
        oBox.innerHTML = oRes;
      };

　　完整代碼:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>兩種實(shí)現(xiàn)階乘方法</title>
  <style>
    #box {
      width: 100%;
      height: 200px;
      border: 1px solid #ccc;
      text-align: center;
    }
  </style>
  <script>
    window.onload = function() {
       var oBox = document.getElementById('box');
       var oCount = document.getElementById('count');
      // 第一種方法 while循環(huán)
      //  oCount.onclick = function (){
      //     var oNum = document.getElementById('num').value;
      //     oNum = Number(oNum);
      //     if(oNum <= 1){
      //       oBox.innerHTML = 1;
      //     }
      //     var oRes = 1;
      //     while(oNum){
      //       oRes *= oNum;
      //       oNum--;
      //     }
      //     oBox.innerHTML = oRes;
      //   }
    // 第二種方法
      oCount.onclick = function(){
        var oNum = document.getElementById('num').value;
        oNum = Number(oNum);
        function factorial (num) {
          if (num <= 1) {
            return 1;
          } else {
            return (num * factorial(num-1));
          }
        };
        oRes=factorial(oNum);
        oBox.innerHTML = oRes;
      };
    }
  </script>
</head>
<body>
  <div id="box"></div>
  <input type="text" id="num" onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">
  <input type="button" id="count" value="計(jì)算">
</body>
</html>

下面通過(guò)代碼看下javascript 中階乘函數(shù)方法

好久沒(méi)有弄了，練習(xí)下：

//  第一， 向上加的階層函數(shù)計(jì)算方法
 var number = function(n) {
  if(n == 1) {
    return 1
  } else {
    product = 1;
    for(i = 1; i <= n; i++) {
       product *= i;
    }
    return product;
  }
}
var d = number(5);
alert(d);
 // 第二， 往下減的階層函數(shù)
var del = function(n) {
    if(n == 1) {
       return 1
    } else {
       return n * del(n - 1);
    }
  }
  var data= del(5);
  alert(data);

總結(jié)

以上所述是小編給大家介紹的JavaScript使用遞歸和循環(huán)實(shí)現(xiàn)階乘的實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JS中多層次排序算法的實(shí)現(xiàn)代碼
這篇文章主要給大家介紹了關(guān)于JS中多層次排序算法的實(shí)現(xiàn)代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
這篇文章主要介紹了JS實(shí)現(xiàn)隨機(jī)抽選獲獎(jiǎng)?wù)?，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11

JS正則表達(dá)式替換字符串replace()方法實(shí)例代碼

正則表達(dá)式是用于匹配字符串中字符組合的模式,在js中正則表達(dá)式是對(duì)象,這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式替換字符串replace()方法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下

2022-07-07

前端取消接口調(diào)用的方法示例

這篇文章主要介紹了前端取消接口調(diào)用的相關(guān)資料,講解了XMLHttpRequest和AbortController兩種取消HTTP請(qǐng)求的方法,XMLHttpRequest通過(guò)abort()方法取消請(qǐng)求,而AbortController提供了一個(gè)更現(xiàn)代和靈活的解決方案,需要的朋友可以參考下

2025-03-03

JavaScript中逗號(hào)運(yùn)算符介紹及使用示例

這篇文章主要介紹了JavaScript中逗號(hào)運(yùn)算符介紹及使用示例,本文講解了逗號(hào)運(yùn)算符的定義、使用例子及實(shí)際使用的一些技巧,需要的朋友可以參考下

2015-03-03

前端防抖(Debounce)和節(jié)流(Throttle)的概念、區(qū)別、應(yīng)用場(chǎng)景及實(shí)現(xiàn)方法

這篇文章主要介紹了前端開(kāi)發(fā)中常用的防抖（Debounce）和節(jié)流（Throttle）技術(shù)的相關(guān)資料,文章還提供了JavaScript的防抖和節(jié)流實(shí)現(xiàn)示例,并展示了如何在實(shí)際項(xiàng)目中結(jié)合使用這兩種技術(shù)以達(dá)到最佳效果,需要的朋友可以參考下

2025-01-01

JavaScript中Array.from()的超全用法詳解

Array.from方法用于將兩類(lèi)對(duì)象轉(zhuǎn)為真正的數(shù)組：類(lèi)似數(shù)組的對(duì)象（array-like?object）和可遍歷（iterable）的對(duì)象（包括?ES6?新增的數(shù)據(jù)結(jié)構(gòu)?Set?和?Map），別忘記就來(lái)講講他的具體用法吧

2023-03-03