复习+学习 递归
我们继续递归的一个问题，有闭包没有递归怎么能行
第一个递归的案例就是用递归求阶乘，这应该是典中典了吧
<!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(3));
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>
// 利用递归求斐波那契数列 1、1、2、3、5、8、13、21。。。后面的值为前两项值得和
// 用户输入一个数字n就可以求出这个数字对应的斐波拉契数列的值 比如输入4 就会得到3 输入6就会得到8
// 分析 首先我们得到那个条件是用户输入的数字 有点抽象了 后面的概念 用户输入的数字就是我们要找的第n项 然后再结合斐波拉契数列的规律 我们要求第n项的值就可以由它的前两项的值相加所得 所以当用户输入第n项后 就可以通过n-1 和 n-2得到它的前两项的和 再由当前的前两项的和 通过递归的求法
function getNum(n) {
if (n == 1 || n == 2) {
return 1
}
return getNum(n - 1) + getNum(n - 2)
}
console.log(getNum(7));
</script>
</body>
</html>
然后是一个输入id来拿数据的案例，这个案例其实还挺复杂的
<!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>
<!-- 输入id号 返回对应的数据对象 -->
<script>
// 完善 总不能通过console。log来拿数据 所以是不方便的 这里可以新定义一个对象 来保存在里面
var good = {}
var data = [{
id : 1,
name : '家电',
goods : [{
id : 11,
gName : '电视机'
},
{
id : 12,
gName : '电冰箱'
}]
},{
id : 2,
name : '服装'
}]
function getID(Name, id) {
Name.forEach(function(subject) {
if (subject.id == id) {
good = subject
} else if(subject.goods && subject.goods.length != 0){
getID(subject.goods, id)
}
})
return good
}
console.log(getID(data, 1));
// 如何实现数组里的元素里的元素查找id
console.log(getID(data, 11));
</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 obj = {
id: 1,
name: 'andy',
msg: {
age: 18
},
color: ['pink', 'red']
}
var o = {}
function getCopy(useCopy, usedCopy) {
for (var k in usedCopy) {
if (usedCopy[k] instanceof Array) {
useCopy[k] = []
getCopy(useCopy[k], usedCopy[k])
} else if (usedCopy[k] instanceof Object) {
useCopy[k] = {}
getCopy(useCopy[k], usedCopy[k])
} else {
useCopy[k] = usedCopy[k]
}
}
return useCopy
}
getCopy(o, obj)
console.log(o);
o.msg.sex = '男'
console.log(o);
console.log(obj);
</script>
</body>
</html>
前端爱好者，望大佬给个内推机会！！！
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦