JS实现水平遍历和嵌套递归操作示例

前端  /  管理员 发布于 4年前   459

本文实例讲述了JS实现水平遍历和嵌套递归操作。分享给大家供大家参考，具体如下：

程序中存在着一些有意思的逻辑，比如多层嵌套可以用递归遍历，比如同层的if else可以用数组遍历。

下面举例说明，多层嵌套的if else想要递归遍历需要写成下面的形式，以及用特定形式的递归遍历：

多层嵌套的if else转写成的函数

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'            }          }        }      }    }}

对多层嵌套的遍历：

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

同层多个if else改写的函数以及遍历方法

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();

以上，总结的有意思的逻辑，也是可以简化代码的方法。这样的逻辑还有很多………………

PS：这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考：

在线JS常见遍历方式性能分析比较工具：http://tools..net.cn/aideddesign/js_bianli

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

• JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
• JS递归遍历对象获得Value值方法技巧
• Node.js 使用递归实现遍历文件夹中所有文件
• JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
• javascript实现网页子页面遍历回调的方法（涉及 window.frames、递归函数、函数上下文）
• js中遍历对象的属性和值的方法
• js Map List 遍历使用示例
• Javascript的数组与字典用法与遍历对象的属性技巧
• javascript之嵌套函数使用方法
• JS获取元素多层嵌套思路详解