JavaScript基础学习 for循环

最新推荐文章于 2022-12-25 18:32:45 发布
最新推荐文章于 2022-12-25 18:32:45 发布
阅读量607 收藏 3
点赞数
分类专栏： JavaScript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43537319/article/details/121803039
版权
本文通过一系列JavaScript for循环案例，涵盖了基础的循环应用，如计算平均成绩、打印星型图案，直至实现简易ATM机功能，深入浅出地展示了for循环在实际编程中的运用。涉及知识点包括条件判断、数学运算、字符串拼接等，是初学者巩固JS基础的好材料。
摘要由CSDN通过智能技术生成

JavaScript基础学习 循环

循环案例

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        var time = prompt('请你输入现在的时间段');
        if (time >= 0 && time <= 12) {
            alert('中午好');
        } else if (time > 12 && time <= 18) {
            alert('傍晚好');
        } else {
            alert('深夜好,该吃夜宵啦');
        }
    </script>

</head>

<body>

</body>

</html>

for 循环

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        for (var i = 1; i <= 100; i++) {
            console.log('继续学习JavaScript');
        }
        for (var number = 1; number <= 10; number++) {
            if (number == 1) {
                console.log('从一开始计数');
            } else if (number == 10) {
                console.log('到末尾啦');
            } else {
                console.log('当中输出的数字为:' + number);
            }
        }
    </script>

</head>

<body>

</body>

</html>

for 循环案例

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
            sum += i;
        }
        console.log(sum / 100);
        var singleNum = 0,
            doubleNum = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 2 == 0) {
                doubleNum += i;
            } else {
                singleNum += i;
            }
        }
        console.log('奇数和为:' + singleNum);
        console.log('偶数和为:' + doubleNum);

        var trippleNum = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 3 == 0) {
                trippleNum += i;
            }
        }
        console.log('能被3整除的数和为:' + trippleNum);
    </script>

</head>

<body>

</body>

</html>

for 循环案例之求学生平均成绩

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        var total = prompt('请输入班级的总人数');
        var grade = 0;
        var totalGrade = 0;
        for (var i = 1; i <= total; i++) {
            grade = prompt('请输入第' + i + '个同学的成绩');
            totalGrade += parseInt(grade);
        }
        averageGrade = totalGrade / parseInt(total);
        alert('全班的平均成绩为:' + averageGrade);
    </script>

</head>

<body>

</body>

</html>

for循环案例之打印星星

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        var number = prompt('请输入你想要打印的星星行数:');
        var str = '';
        for (var i = 1; i <= parseInt(number); i++) {
            for (var j = 1; j <= parseInt(number); j++) {
                str += '*';
            }
            str = str + '\n';
        }
        console.log(str);
    </script>

</head>

<body>

</body>

</html>

for循环案例之打印倒三角星星

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
      
        var num = prompt('请输入你想要打印的星星行数:');
        var str = '';
        for (var i = 1; i <= parseInt(num); i++) {
            for (var j = 1; j <= parseInt(num) - i + 1; j++) {
                str += '*';
            }
            str += '\n';
        }
        console.log(str);
    </script>

</head>

<body>

</body>

</html>

for循环案例之打印九九乘法表

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>      
    var num = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                num += j + 'x' + i + '=' + i * j + '  ';
            }
            num += '\n'
        }
        console.log(num);
    </script>

</head>

<body>

</body>

</html>

在这里插入图片描述

for循环案例之简易ATM

<!DOCTYPE html>
<html>

<head>
    <title>js开始学习</title>
    <script>
        var number = prompt('请输入您要的操作:\n1.存钱\n2.取钱\n3.显示余额\n4.退出');
        var account = 100;
        var testOne = 0;
        if (number == 1) {
            var num1 = prompt('请输入您要存的钱:');
            account += parseInt(num1);
            alert('您当前的余额为:' + account);
        } else if (number == 2) {
            var num2 = prompt('请输入您要取的钱:');
            account -= parseInt(num2);
            alert('您当前的余额为:' + account);
        } else if (number == 3) {
            alert('您当前的余额为:' + account);
        } else {
            testOne++;
            alert('您正在退出,感谢使用！！');
        }
    </script>

</head>

<body>

</body>

</html>
柠檬味小发糕
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JavaScript用for循环分别实现左上右上左下右下三角九九乘法表
悲伤灬年华丶的博客
08-18 973
如何用JS实现下图样式的斜三角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ht
JavaScript for 循环
最新发布
smarten57的博客
06-05 751
循环条件为`i < numbers.length`，即当计数器`i`小于数组长度时，循环继续执行。在每次迭代中，我们通过`i`来访问数组中的元素，并将其加到`sum`上。在这个例子中，循环从1开始，每次迭代后将`i`增加1，直到`i`的值大于5时循环结束。然后，使用`for`循环遍历数组。通过初始化语句`let i = 0`，将循环计数器`i`初始化为0，表示从数组的第一个元素开始。如果条件为假，则退出循环。在每次迭代结束后，循环后操作`i++`会将计数器`i`增加1，表示继续迭代到下一个数组元素。
JavaScript通过for循环实现九九乘法表的左下、左上、右上、右下对齐成直角三角形
Alanrnzearn的博客
03-30 3410
      九九乘法表共 9 行 9 列，以下通过JavaScript代码块的控制，来实现关于九九乘法表的左下、左上、右下、右上对齐形成三角形的效果。 注意：（1）掌握 for 循环及多层for循环的使用。            ...
JS中for循环的经典案例:正三角和倒三角
m0_56274171的博客
12-08 2114
核心:外循环表示行数,内循环表示列数 效果: 代码: // 打印正三角形 for (let i = 1; i <= 5; i++) {//外循环表示行 for (let j = 1; j <= i; j++) {//内循环表示列 document.write('????') } document.write('</br>')
前端学习笔记-JS-流程控制
qq_36434637的博客
09-09 189
流程控制 流程控制就是用来控制我们的代码按照什么顺序来执行的 顺序结构 从上到下执行的代码就是顺序结构 程序默认就是由上到下顺序执行的 分支结构 从上到下执行的代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果。 1.if语句 语法结构 if (/* 条件表达式 */) { // 执行语句 } ​ if (/*...
Javascript中实现倒三角形的双层for循环的三种方法
weixin_44626981的博客
12-25 1357
Javascript中实现倒三角形的双层for循环的三种方法
利用javascript实现输出指定行数的正方形图案
wxhlxx的专栏
08-18 7550
javascript实现输出指定行数的正方形图案：点击生成图案，会有2个提示框，1，输入图案的组成字符，只能是1个字符哦2，输入正方形行数，路过大于10，会设置为10行数       效果图： 1.图案字符：+，行数：5   2.图案字符：s   行数：10
如何通过while实现学生成绩是否合格的判断？
悟空非空也
06-27 2375
package cn.kgc;import java.util.Scanner;public class Test2 { public static void main(String[] args) { // TODO Auto-generated method stub         /*1.初始化条件 *2.循环条件 *3.迭代条件 *4.循环体          *     ...
javascript for循环练习
车明强的博客
09-28 1672
// 1. 求1-100之间所有数的平均值 思路：需要一个 sum 和的变量 还需要一个平均值 average 变量 var sum = 0; var average = 0; for (var i = 1; i <= 100; i++) { sum = sum + i; } average = sum / 100; console.log(average); // 2. 求1-100之间所有偶数和
如何用for (var i=1； i＜=5； i++) 加 setTimeout 输出1、2、3 、4、5
Sun_blog
04-25 3065
for (var i=1; i<=5; i++) 加 setTimeout 如何输出1、2、3 、4、5 大家在笔试或者面试的时候，或多或少都做过这样的题吧！ 请问下面代码的输出是什么？ for (var i=1; i<=5; i++) { setTimeout( function timer(){ console.log( i ); }, i*1000 ); } //输出 6
EduCoder_web实训作业--JavaScript学习手册七：JS循环语句
weixin_45803282的博客
01-06 6331
第一关 /********** Begin **********/ var sum = 0; var i = 2; while(i <= a) { var j = 2; while(j < i) { if(i%j == 0) {//能被整除，不是质数 break;//不需要再判断 } j ++;//除数加1，继续测试是不是质数
JavaScript For 循环产生 HTML 标题
weixin_34355881的博客
11-12 703
<html> <body> <script type="text/javascript"> for (i = 1; i <= 6; i++) { document.write("<h" + i + ">这是标题 " + i) document.write("</h" + i + ">") } </scr...
JavaScript基础第三章（循环）
weixin_52046784的博客
09-18 459
1、for循环 在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句 for(初始化变量;条件表达式;操作表达式) { //循环体 } 1. 输入10句"娘子晚安哈！" //基本写法 for(let i = 1; i<=10; i++ ) { console.log('娘子晚安哈'); } // 用户输入次数 let num = prompt('请输入次数:');...
JavaScript：流程控制-循环详解（for循环、双重for、while循环、do while循环、continue与break区别）
Argonaut_的博客
04-10 2080
JavaScript 流程控制-循环一、循环二、for循环①求1-100之间所有整数的累加和② 求1-100之间所有数的平均值③ 求1-100之间所有偶数和奇数的和④ 求1-100之间所有能被3整除的数字的和⑤求学生成绩⑥一行打印n个星星三、do while循环continue与break 一、循环 在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句 在Js 中，主要有三种类型的循环语句：  for 循环  while 循环  do…while 循环 &
JavaScript--for循环练习一
mg23333的博客
07-28 278
JavaScript--for循环练习一。
Javascript For循环中的重难点
算法与编程之美
01-08 846
1 问题如果大家有过Python的基础，一定知道python中的for循环。同理，javascript是Web的编程语言，所以javascript中也存在for循环。并且两者的作用也一样：...
js循环输出不同样式和id的HTML标签
付梦伟的博客
08-31 4137
document.getElementById("number_con" + y).innerHTML =obj[x].index_value; y为一个变量，当然我们需要在HTML中设定好这些id的标签，然后就可以输出不同的数据给他们。 document.getElementById("right_title1").innerHTML=""; class标签也类似，obj[
【js练习】当打开页面时，弹出一个输入学生成绩的输入框，当用户输入成绩时，对成绩进行判断！
zhangkai
10-12 6149
判断要求如下： 当输入的成绩是90~100时（这里包括等于100的时候），弹出警告框“优秀” 当输入的成绩是80~89时，弹出警告框“良好” 当输入的成绩是70~79时，弹出警告框“一般” 60到69为及格当输入的成绩是60~69时，弹出警告框“及格” 当输入的成绩是小于60时，弹出警告框“不及格” 如果输入的成绩小于0或者大于100，弹出警告框“您输入的成绩有误！！！” <!DOCTYPE html> <html> <head lang="en">
Educoder JS学习手册七：JS循环语句
Junds0的博客
05-24 4049
第1关：while类型 (1)利用循环结构求质数的和. 求出小于等于整数a的所有质数；计算并返回所有这些质数的和； function mainJs(a) { a = parseInt(a); //请在此处编写代码 /********** Begin **********/ var sum=0; var i=2; while(i<=a){ var j=2; while(j<i){ if(i%j0){ break; } j++; } if(ji){ sum+=i; } i++; } return s
JavaScript教程：深入理解For循环
"这篇教程详细介绍了JavaScript中的For循环语句，并探讨了JavaScript语言的基本特性、运行原理以及与Java的区别。" 在JavaScript编程中，For循环语句是一种常用的控制流程结构，用于执行一系列语句多次，直到指定的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值