目录
前言
目前小编学习到了JavaScript,虽然还是基础,但是我还是觉得挺难的。可能是小编比较笨的原因。但是小编不会放弃的!打工人加油!!!!
1、单for循环小案例
今天小编为你们准备了一些我现在做过的一些小案例,对于才学for循环的小伙伴我觉得是非常友好的。我觉得肯定是可以看懂的!我相信你们肯定比小编我聪明的!
下面我们一起来看看小编给你们准备了一些什么小案例吧!
1.1 求1~100之间所有数的和
这个是为了求出1~100之间所有数的总和是多少?
<script>
var sum = 0;
for (var i = 1; i <= 100; i++) {
//sum = sum + i;原累加方式
sum += i;//简写累加
}
console.log(sum);
</script>
1.2 求1-100之间所有数的平均值
<script>
var average = 0; //定义平均值变量
var sum = 0;
for (var i = 1; i <= 100; i++) {
sum += i; //计算1~100之间所有数的和
}
average = sum / 100;//算出平均值
console.log(average);//输出平均值
</script>
1.3 求1-100之间所有偶数和奇数的和
<script>
var num1 = 0; //定义存放偶数和的变量
var num2 = 0; //定义存放奇数和的变量
for (var i = 1; i <= 100; i++) {
if (i % 2 == 0) { //判断时是否为偶数
num1 += i; //偶数和
} else {
num2 += i; //奇数和
}
}
console.log('偶数的和是:' + num1);
console.log('奇数的和是:' + num2);
</script>
这几个小案例大家可以自己试试看看自己算的对不对呢?
2. 双重for循环小案例
对于双重for循环呢!小编现在也不是搞得很清楚,但是这是一个很重要的模块!
语法结构:
<script>
for(外层初始化变量;条件表达式;操作表达式){
for(内层初始化变量;条件表达式;操作表达式){
//循环体语句
}
}
</script>
现在我们一起来看看小案例吧!
2.1 正三角
代码展示:
<script>
var str = '';
for (var i = 1; i <= 10; i++) { //控制输出多少行
for (var j = 1; j <= i; j++) { //控制一行输出多少个星星
str = str + '★'; //一行输出的星星
}
str = str + '\n'; //给每一行添加一个换行符
}
console.log(str);
</script>
效果展示:
2..2倒三角
代码展示:
<script>
var str = '';
for (var i = 1; i <= 10; i++) { //外层控制这个三角形的行数
for (var j = i; j <= 10; j++) { //内存循环控制一行显示的星星数量
str = str + '★';
}
str = str + '\n';
}
console.log(str);
</script>
效果展示:
2.3 九九乘法表
这个案例是真的很经典了,你的双重循环是否学好,这个九九乘法表真的可以直接检验出来。所以这是一个很重要的点了。小编也是思考良久才想通。
代码展示:
<script>
var str = '';
for (var i = 1; i <= 9; i++) { //外层循环
for (var j = 1; j <= i; j++) { //内层循环
str += j + '×' + i + '=' + i * j; //内存循环输出的公式
str = str + ' '; //在公式之间加空格
}
str = str + '\n'; //内层循环完结之后给他加一个换行
}
console.log(str);
</script>
效果展示:
总结
今天小编的分享到这里就结束了,今天小编分享的案例希望对小伙伴们在学习for循环的时候有些许帮助吧!都看到这儿了,小编我要个赞不过分吧!