JS實(shí)現(xiàn)水平遍歷和嵌套遞歸操作示例

更新時(shí)間：2019年08月15日 09:16:47 作者：zhensg

這篇文章主要介紹了JS實(shí)現(xiàn)水平遍歷和嵌套遞歸操作,結(jié)合實(shí)例形式分析了javascript遍歷與遞歸相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)水平遍歷和嵌套遞歸操作。分享給大家供大家參考，具體如下：

程序中存在著一些有意思的邏輯，比如多層嵌套可以用遞歸遍歷，比如同層的if else可以用數(shù)組遍歷。

下面舉例說(shuō)明，多層嵌套的if else想要遞歸遍歷需要寫成下面的形式，以及用特定形式的遞歸遍歷：

多層嵌套的if else轉(zhuǎn)寫成的函數(shù)

let p1 = false,
p2 = true,
p3 = false；
let test = function() {
    if (p1) {
      return '終止1';
    } else {
      return function() {
        if (p2) {
          return '終止2'
        } else {
          return function() {
            if (p3) {
              return '終止3'
            }
          }
        }
      }
    }
}

對(duì)多層嵌套的遍歷：

function yunxing1() {
    while (test()) {
      test = test()
      if (typeof test === 'string') {
        alert(test)
        return '終止'
      }
    }
}
yunxing1()

同層多個(gè)if else改寫的函數(shù)以及遍歷方法

let i = 1,
a = 2,
b = 3;
function simpleVlidate() {
    let varr = [];
    varr.push(() => {
      if (i === 1) {
        return '不能等于1'
      }
    })
    varr.push(() => {
      if (a === 2) {
        return '不能等于2'
      }
    })
    varr.push(() => {
      if (b === 3) {
        return '不能等于3'
      }
    })
    return varr
}
let arrs = simpleVlidate();
function yunxing() {
    for (let i = 0, fn; fn = arrs[i++];) {
      if (fn()) {
        alert(fn())
        return;
      }
    }
    console.log(343433333333)
}
yunxing();

以上，總結(jié)的有意思的邏輯，也是可以簡(jiǎn)化代碼的方法。這樣的邏輯還有很多………………

PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對(duì)比工具供大家參考：

在線JS常見(jiàn)遍歷方式性能分析比較工具：http://tools.jb51.net/aideddesign/js_bianli

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

再談javascript原型繼承
Javascript原型繼承是一個(gè)被說(shuō)爛掉了的話題，但是自己對(duì)于這個(gè)問(wèn)題一直沒(méi)有徹底理解，今天花了點(diǎn)時(shí)間又看了一遍《Javascript模式》中關(guān)于原型實(shí)現(xiàn)繼承的幾種方法，下面來(lái)一一說(shuō)明下，在最后我根據(jù)自己的理解提出了一個(gè)關(guān)于繼承比較完整的實(shí)現(xiàn)。
2014-11-11
探析瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序
本文主要基于向HTML頁(yè)面引入JavaScript的幾種方式，分析HTML中JavaScript腳本的執(zhí)行順序問(wèn)題，通過(guò)本文給大家分享瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序，對(duì)瀏覽器執(zhí)行javascript及執(zhí)行順序相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
JavaScript中Array.map()的使用與技巧分享(附實(shí)際應(yīng)用代碼)
Array.map()適合需要返回新數(shù)組、進(jìn)行鏈?zhǔn)秸{(diào)用或不修改原數(shù)組的場(chǎng)景,它與forEach()的區(qū)別在于有返回值,基本語(yǔ)法中,callback函數(shù)處理每個(gè)元素并返回新值,本文介紹了JavaScript中Array.map()的使用與技巧分享(附實(shí)際應(yīng)用代碼),需要的朋友可以參考下
2025-02-02
javascript實(shí)現(xiàn)數(shù)組扁平化六種技巧總結(jié)
這篇文章主要為大家詳細(xì)介紹了六種javascript中實(shí)現(xiàn)數(shù)組扁平化的技巧,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以了解下
2023-12-12
JS實(shí)現(xiàn)的tab頁(yè)切換效果完整示例
這篇文章主要介紹了JS實(shí)現(xiàn)的tab頁(yè)切換效果,涉及javascript基于事件響應(yīng)動(dòng)態(tài)操作頁(yè)面元素屬性相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12
JavaScript 原型鏈學(xué)習(xí)總結(jié)
在JavaScript中，一切都是對(duì)像，函數(shù)是第一型
2010-10-10
el-upload實(shí)現(xiàn)上傳文件并展示進(jìn)度條功能
這篇文章主要介紹了el-upload實(shí)現(xiàn)上傳文件并展示進(jìn)度條，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-05-05
ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解
這篇文章主要介紹了ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解,JavaScript 中最常用的兩種數(shù)據(jù)結(jié)構(gòu)是 Object 和 Array，解構(gòu)操作對(duì)那些具有很多參數(shù)和默認(rèn)值等的函數(shù)也很奏效，本文通過(guò)實(shí)例代碼詳細(xì)講解需要的朋友可以參考下
2022-11-11
three.js顯示中文字體與tween應(yīng)用詳析
這篇文章主要給大家介紹了關(guān)于three.js顯示中文字體與tween應(yīng)用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
js實(shí)現(xiàn)Tab選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)Tab選項(xiàng)卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-10-10