什么是递归函数

如果一个函数在内部调用自身,这个函数就是递归函数。

如下案例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var num = 1
        function fn () {
            console.log('打印6句话');
            if(num == 6) return  //递归里必须加退出条件
            num++   
            fn()
        }
        fn()
    </script>
</body>
</html>

结果为:

递归的应用:利用递归求阶乘

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function fn(n) {
            if(n == 1) return 1
            return n * fn(n-1)
        }
        console.log(fn(4));
        console.log(fn(5));

    </script>
</body>
</html>

 求斐波那契数列:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function fn(n) {
            if(n == 1 || n == 2)  return 1
            return fn(n - 1) + fn(n - 2)
        }
        console.log(fn(5));
        console.log(fn(6));

    </script>
</body>
</html>

利用递归遍历数据:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var data = [{
            id: 1,
            name: '家电',
            goods: [{
                id: 11,
                gname: '冰箱',
                goods: [{
                    id: 111,
                    gname: '海尔'
                },{
                    id: 112,
                    gname: '美的'
                }]
            },{
                id: 12,
                gname: '洗衣机'
            }]
        },{
            id: 2,
            name: '服饰'
        }];
        //我们想要输入id就返回数据对象
        //1.用foreach遍历里面每一个对象
        function getID (json, id) {
            var o = {}
            json.forEach(function(item){ 
                // console.log(item);
                if(item.id === id) {
                    o = item
                    // console.log(item);
                    //2.我们想要得到里层的数据可以利用递归函数
                    //找到goods这个数组  这个数组的长度不为零 
                } else if (item.goods && item.goods.length != 0){
                    o = getID(item.goods, id)  //这里的递归 在遍历完成之后就停止了 不需要跳出的条件
                    //而且这里只是调用了这个函数 拿到了这个数据 没有对其进行赋值操作
                }
            })
            return o
        }
       
        console.log(getID(data, 1));
        console.log(getID(data, 11));
        console.log(getID(data, 111));


    </script>
</body>
</html>

 

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hcoke

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值